---
# System prepended metadata

title: Create new service

---

# Create new service
##  Rework the modal when Create new Service
### Has
- Step 1:
Launch the Create Service modal
User is required to input the **Service name**
**The ClientID** will be auto-fill (per task Auto generate and assign Client_ID)
    - *auto-fill client id* with following information:
    [Standardized Service Name]_[Random code]
        - Standardized Service Name: get the Service name input by user => trim => toLower => remove all non-ascii characters, and replace spaces with "_"
        - Random code = sha256(user_email + Date.now()).slice(0,5)
            eg:
            Service name: My Acme's Awesome Service
            Suggested Client ID: my_acmes_awesome_service_5a8fe

    - user can choose *another ClientID* if he wants
    

    By default **logo image** is https://cdn.blockpass.org/images/placeholder.png, user can choose to upload a new one
Only show the **Template** selection if User role is Super Admin / Admin. For user it will always default to Formpass


- Step 2:
New Service is created
Show link to user KYCC dashboard
Click **'Go to dashboard'** => open KYCC in new tab & close modal
Click **'Configure your Service...'** => go to detail page of last created service

### Rule
Show when click 'Create service'

### Design
https://projects.invisionapp.com/d/main#/console/18513814/386618657/preview
On admin console 

### Development
- Backend
Use old API: /blockpass_developer/v1/services
- Fontend
    - Rework '**ServiceAdd**' component: use '**BannerModal**'

    - Create '**BannerModal**'
        - Main content
            - Title 
            - Form/UI 
        - RightBanner (with closeBtn at the top)
        - Create service( step 1) success -> change content(step 2)