1. 初始化

flowchart TB
    initPage --> setBussinessName["setBussinessName (from query)"]
    setBussinessName --> getBusinessInfo
    subgraph getBusinessInfo
        getClientInfo["getClientInfo - GET/grooming/bookOnline/client/info"]
        getClientProfile["getClientProfile - GET/grooming/bookOnline/client/profile"]
        getClientPreference["getClientPreference - GET/grooming/bookOnline/client/business/preference"]
    end
    getBusinessInfo --> getInfo
    subgraph getInfo
        direction TB
        getServices["getServices - POST/grooming/bookOnline/client/services"]
        getAddOnsList["getAddOnsList - POST/grooming/bookOnline/client/services"]
        getServices --> filterServices
        getAddOnsList --> filterServices
    end
    getInfo --> getGallery["getGallery - GET/grooming/bookOnline/client/gallery"]

2. Information

• Gallery
• BusinessInfo
  • avatar
  • name
  • address
  • primaryColor
  • profile.description
  • profile.website
  • profile.phoneNumber
  • profile.facebook
  • profile.instagram
  • profile.yelp
  • profile.google

3. Services List & AddOn List

• service
  • name
  • pricing
    • price.showBasePrice
      1. currency + price
      2. Starting at currency + price
      3. Varies
• Business hours
  • days
  • hours

4. Book

flowchart TB
    init --> initModal
    subgraph initModal
        direction TB
        fetchPetOptions["fetchPetOptions - GET/customer/bookOnline/client/pet/options"]
        fetchPetOptions --> getRelavantBusiness["getRelevantBurelevantsiness - GET/grooming/bookOnline/client/company/locations"]
    end
    initModal --> watchBusinessEnable["watchBusinessEnable - (for multi unit ???)"]
    watchBusinessEnable --> hasMultiBusinessList{businessList.length > 1?}
    hasMultiBusinessList -- Yes --> handleListSelect
    hasMultiBusinessList -- No --> clientChoose