{"version":3,"file":"js/app.3a74fc63.js","mappings":"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","sources":["webpack://settings/./src/App.vue","webpack://settings/./src/helpers/consts.js","webpack://settings/./src/helpers/fillArray.js","webpack://settings/./src/store.js","webpack://settings/./src/gql/updateData.js","webpack://settings/./src/components/NavBar.vue","webpack://settings/./src/components/NavBar.vue?01fd","webpack://settings/./src/components/ProfileSec.vue","webpack://settings/./src/gql/generateQR.js","webpack://settings/./src/utils/validations.js","webpack://settings/./src/components/UploadImage.vue","webpack://settings/./src/helpers/uploadToS3.js","webpack://settings/./src/components/UploadImage.vue?0ea4","webpack://settings/./src/components/ProfileSec.vue?3a5f","webpack://settings/./src/components/AccountSec.vue","webpack://settings/./src/components/AccountSec.vue?0d28","webpack://settings/./src/components/ApiSec.vue","webpack://settings/./src/gql/generateAPI.js","webpack://settings/./src/components/ApiSec.vue?e5af","webpack://settings/./src/components/MyAppsSec.vue","webpack://settings/./src/components/MyAppsSec.vue?004a","webpack://settings/./src/gql/getUserAndAccount.js","webpack://settings/./src/gql/getRenderingMinutes.js","webpack://settings/./src/gql/getBrandByURL.js","webpack://settings/./src/components/BrandingLogo.vue","webpack://settings/./src/components/BrandingLogo.vue?5b32","webpack://settings/./src/helpers/generateColors.js","webpack://settings/./src/components/BrandingColors.vue","webpack://settings/./src/components/BrandingColors.vue?f50b","webpack://settings/./src/components/TextTruncation.vue","webpack://settings/./src/components/TextTruncation.vue?c097","webpack://settings/./src/components/BrandsDropdown.vue","webpack://settings/./src/components/BrandsDropdown.vue?a93d","webpack://settings/./src/components/BrandPreview.vue","webpack://settings/./src/components/BrandPreview.vue?b041","webpack://settings/./src/components/CustomFont.vue","webpack://settings/./src/components/CustomFont.vue?ecb6","webpack://settings/./src/components/BrandingFont.vue","webpack://settings/./src/components/BrandingFont.vue?3bb4","webpack://settings/./src/components/BrandingSection.vue","webpack://settings/./src/components/BrandingSection.vue?b202","webpack://settings/./src/App.vue?7ccd","webpack://settings/./src/main.js","webpack://settings/webpack/bootstrap","webpack://settings/webpack/runtime/chunk loaded","webpack://settings/webpack/runtime/compat get default export","webpack://settings/webpack/runtime/define property getters","webpack://settings/webpack/runtime/global","webpack://settings/webpack/runtime/hasOwnProperty shorthand","webpack://settings/webpack/runtime/make namespace object","webpack://settings/webpack/runtime/publicPath","webpack://settings/webpack/runtime/jsonp chunk loading","webpack://settings/webpack/startup"],"sourcesContent":["<template>\n  <IdmAuth>\n    <div class=\"main-container\" v-if=\"dataLoaded\">\n      <IdmHeader :userName=\"user.firstName + ' ' + user.lastName\" :userMail=\"user.email\"\n        :userID=\"user.accountId.toString()\" :profileImg=\"user.profileImg\" :method=\"logOut\" :locator=\"true\" help\n        identicalHeader>\n        <!-- <div class=\"account-name-wrapper\" :class=\"{ 'align-flex': !account.logo }\">\n          <img class=\"img\" :class=\"{ 'logo': !!account.logo }\" :src=\"account.logo ?? AccountNameIcon\"\n            alt=\"account-name-icon\">\n          <div class=\"tooltip\">{{ accountNameTooltip }}</div>\n        </div> -->\n      </IdmHeader>\n\n      <IdmSubHeader>\n        <a href=\"#\" target=\"_blank\">\n          <IdmLogo :app=\"'settings'\" />\n        </a>\n\n        <IdmSuccessText :text=\"saveSuccess ? 'Settings saved successfully!' : saveUnsuccessfulMsg\n          \" :class=\"{ fail: !saveSuccess }\" :visibilityTime=\"3000\" :show=\"updateDataFinished\">\n          <IdmButton :btnType=\"'primary'\" :text=\"'Save'\" class=\"save-btn\" @click=\"saveData\"\n            data-test=\"settings-save-data\">\n            <IdmLoader class=\"loader\" :width=\"18\" :height=\"18\" type=\"dark\" v-if=\"saveLoader\" />\n          </IdmButton>\n        </IdmSuccessText>\n      </IdmSubHeader>\n      <div class=\"settings-container\">\n        <Navbar :sections=\"sections\" />\n        <div class=\"settings\">\n          <Profile id=\"sec-0\" ref=\"profileRef\" />\n          <hr class=\"solid\" />\n          <Account id=\"sec-1\" ref=\"accountRef\" />\n          <BrandingSection id=\"sec-2\" v-if=\"userHasAIBetaFeature\" />\n          <APISettings id=\"sec-3\" :validSignature=\"validSignature\" :validEncryption=\"validEncryption\"\n            :invalidIPs=\"invalidIPs\" />\n          <MyApps id=\"sec-4\" />\n        </div>\n      </div>\n    </div>\n  </IdmAuth>\n</template>\n\n<script>\nimport { store } from \"@/store\";\nimport { provideApolloClient } from \"@vue/apollo-composable\";\nimport updateData from \"@/gql/updateData.js\";\nimport AccountNameIcon from \"@/assets/header-account-name.svg\";\n\nimport NavBar from \"./components/NavBar\";\nimport ProfileSec from \"./components/ProfileSec\";\nimport AccountSec from \"./components/AccountSec\";\nimport ApiSec from \"./components/ApiSec\";\nimport MyAppsSec from \"./components/MyAppsSec\";\n\nimport { ref, computed, inject, watch } from \"vue\";\nimport { isIPv4 } from \"is-ip\";\nimport getUserAndAccount from \"@/gql/getUserAndAccount\";\nimport getRenderingMinutes from \"@/gql/getRenderingMinutes\";\nimport BrandingSection from \"@/components/BrandingSection\";\n\nexport default {\n  name: \"App\",\n  components: {\n    Navbar: NavBar,\n    Profile: ProfileSec,\n    Account: AccountSec,\n    APISettings: ApiSec,\n    MyApps: MyAppsSec,\n    BrandingSection\n  },\n  setup() {\n    const sections = ref([\"User Profile\", \"Account\", \"APISettings\", \"My Apps\"]);\n    const profileRef = ref(null);\n    const accountRef = ref(null);\n\n    const invalidIPs = ref([]);\n\n    const user = computed(() => store.getters.getUser);\n    const account = computed(() => store.getters.getAccount);\n    const signature = computed(() => store.getters.getAccount.signature);\n    const signatureURL = computed(() => store.getters.getAccount.signatureURL);\n    const resEncryption = computed(\n      () => store.getters.getAccount.resEncryption\n    );\n    const resEncryptionURL = computed(\n      () => store.getters.getAccount.resEncryptionURL\n    );\n    const accountNameTooltip = computed(\n      () =>\n        `${account.value.firstName} ${account.value.lastName\n        } (ID:${account.value.accountId.toString()})`\n    );\n\n    const dataLoaded = computed(() => store.getters.getDataLoaded);\n\n    const validSignature = ref(true);\n    const validEncryption = ref(true);\n\n    const saveLoader = ref(false);\n    const updateDataFinished = ref(0);\n    const saveSuccess = ref(true);\n    const saveUnsuccessfulMsg = ref(\"Save unsuccessful\");\n\n    /*----------------------------------------------------------------------*/\n\n    const auth = inject(\"auth\");\n    const userHasAIBetaFeature = computed(() => auth?._user?.data?.details?.betaFeatures?.includes('aivideo'));\n    \n    function provideApollo() {\n      const apolloClient = auth._apolloClient;\n      provideApolloClient(apolloClient);\n      getRenderingMinutesData();\n      setData();\n    }\n\n    watch(auth._initialized, (val) => {\n      if (val) {\n        provideApollo();\n        if(userHasAIBetaFeature.value) {\n          sections.value.splice(2, 0, 'Branding');\n        }\n      }\n    });\n\n    /*----------------------------------------------------------------------*/\n    watch(() => store.state.fontUploadErrorIsShown, (val) => {\n      if(val) {\n        saveUnsuccessfulMsg.value = \"Font uploading error. An unsupported file format\";\n        saveSuccess.value = false;\n        updateDataFinished.value++;\n        store.commit('setFontUploadError');\n      }\n    })\n\n    const setData = async () => {\n      const res = await getUserAndAccount();\n      const data = res.data.getUserAndAccount;\n      store.commit(\"setUser\", data.user);\n      store.commit(\"setAccount\", data.account);\n      if (data.brands?.length) store.commit('setBrands', data.brands);\n\n      if (res.data.getUserAndAccount.account.iPAddresses)\n        store.commit(\n          \"setIPAddresses\",\n          res.data.getUserAndAccount.account.iPAddresses.map((IPAddress) =>\n            IPAddress.split(\".\")\n          )\n        );\n      store.commit(\"setDataLoaded\", true);\n    };\n\n    const getRenderingMinutesData = async () => {\n      const res = await getRenderingMinutes();\n      store.commit(\"setRenderingMin\", res.data.getRenderingMinutes.credits);\n    };\n\n    let invalidIPsLocal;\n\n    function iPValidation(iPArr) {\n      invalidIPs.value = [];\n      invalidIPsLocal = [];\n\n      for (let i = 0; i < iPArr.length; i++) {\n        if (!isIPv4(iPArr[i])) {\n          invalidIPsLocal.push(i);\n        }\n      }\n\n      if (invalidIPsLocal.length) {\n        setTimeout(() => {\n          invalidIPs.value = [...invalidIPsLocal];\n        }, 3100);\n      }\n    }\n\n    function isUrlValid(str) {\n      try {\n        new URL(str);\n        return true;\n      } catch (err) {\n        return false;\n      }\n    }\n\n    const validateProfileAndAccountNames = () => {\n      profileRef.value.validateFirstName();\n      profileRef.value.validateLastName();\n\n      if (profileRef.value.firstNameError || profileRef.value.lastNameError) {\n        return false;\n      }\n      return true;\n    };\n\n    let validSignatureLocal;\n    let validEncryptionLocal;\n\n    function saveData() {\n      validSignatureLocal = false;\n      validEncryptionLocal = false;\n\n      if (!(isUrlValid(signatureURL.value) || !signature.value)) {\n        setTimeout(() => {\n          validSignature.value = false;\n        }, 3100);\n      } else {\n        validSignatureLocal = true;\n        validSignature.value = true;\n      }\n\n      if (!(isUrlValid(resEncryptionURL.value) || !resEncryption.value)) {\n        setTimeout(() => {\n          validEncryption.value = false;\n        }, 3100);\n      } else {\n        validEncryptionLocal = true;\n        validEncryption.value = true;\n      }\n\n      const iPAddressesLocal = store.getters.getIPAddresses.map((IPAddress) => {\n        return IPAddress.join(\".\");\n      });\n\n      iPValidation(iPAddressesLocal);\n\n      if (\n        invalidIPsLocal.length === 0 &&\n        validSignatureLocal &&\n        validEncryptionLocal &&\n        validateProfileAndAccountNames()\n      ) {\n\n        if (!store.getters.brandCanBeSaved) {\n          saveSuccess.value = false;\n          const isValidUrl = store.getters.isValidURL || !store.state.selectedBrand.website;\n          saveUnsuccessfulMsg.value = isValidUrl ? \"Save unsuccessful! Brand name is required\" : \"The link is invalid. Please check the URL format\";\n          if(isValidUrl || !store.state.selectedBrand.name.trim()) store.commit('setBrandNameError', true);\n          updateDataFinished.value++;\n          return;\n        }\n\n        const selectedBrand = store.state.selectedBrand;\n        let brands = store.state.brands;\n        if (selectedBrand._id) {\n          brands = store.state.brands.map(item => {\n            if (item._id === selectedBrand._id) {\n              return selectedBrand;\n            }\n            return item;\n          });\n        } else {\n          if(selectedBrand.name) brands.push(selectedBrand);\n        }\n\n        const data = {\n          user: {\n            ...store.getters.getUser,\n            profileImg:\n              store.getters.getTempProfileImg !== undefined &&\n                store.getters.getTempProfileImg !== \"\" &&\n                store.getters.getTempProfileImg !==\n                store.getters.getUser.profileImg\n                ? store.getters.getTempProfileImg\n                : store.getters.getUser.profileImg,\n          },\n          account: {\n            ...store.getters.getAccount,\n            logo:\n              store.getters.getTempLogo !== undefined &&\n                store.getters.getTempLogo !== \"\" &&\n                store.getters.getTempLogo !== store.getters.getAccount.logo\n                ? store.getters.getTempLogo\n                : store.getters.getAccount.logo,\n          },\n          iPAddresses: iPAddressesLocal,\n          brands,\n        };\n\n        saveLoader.value = true;\n\n        updateData({ params: data })\n          .then(async () => {\n            saveSuccess.value = true;\n            saveLoader.value = false;\n            updateDataFinished.value++;\n            const res = await getUserAndAccount();\n            const data = res.data.getUserAndAccount;\n            if (data.brands?.length) store.commit('setBrands', data.brands);\n            store.commit('initSelectBrand');\n          })\n          .catch((err) => {\n            console.log(\"err: \", err);\n            saveUnsuccessfulMsg.value = \"Save unsuccessful\";\n            saveSuccess.value = false;\n            saveLoader.value = false;\n            updateDataFinished.value++;\n          });\n      } else {\n        saveUnsuccessfulMsg.value =\n          \"Save unsuccessful, \\n please review and correct\";\n        saveSuccess.value = false;\n        updateDataFinished.value++;\n        console.log(\"invalidIPs.value: \", invalidIPs.value);\n      }\n    }\n\n    function logOut() {\n      auth.logout();\n    }\n\n    return {\n      sections,\n      invalidIPs,\n      user,\n      account,\n      dataLoaded,\n      validSignature,\n      validEncryption,\n      saveLoader,\n      saveSuccess,\n      saveUnsuccessfulMsg,\n      updateDataFinished,\n      saveData,\n      logOut,\n      profileRef,\n      accountRef,\n      validateProfileAndAccountNames,\n      accountNameTooltip,\n      AccountNameIcon,\n      userHasAIBetaFeature\n    };\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.loader-container {\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .loader {\n    margin: auto;\n  }\n}\n\n.validation-error {\n  color: var(--alert-500);\n  font-size: var(--p2);\n  left: 0;\n  margin-bottom: 16px;\n}\n</style>\n<style lang=\"scss\">\n* {\n  padding: 0;\n  margin: 0;\n}\n\nhtml,\nbody {\n  scroll-behavior: smooth;\n}\n\n.main-container {\n  width: 100%;\n  height: auto;\n\n  .idm-header,\n  .idm-subheader {\n    position: sticky;\n  }\n\n  .idm-header {\n    top: 0;\n    z-index: 999999;\n  }\n\n  .idm-subheader {\n    top: 56px;\n    z-index: 99999;\n\n    a {\n      pointer-events: none;\n    }\n\n    .idm-success {\n      margin-left: auto;\n\n      &.fail {\n        .success-text {\n          background-color: var(--alert-500);\n\n          &::after {\n            background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_470_1341)'%3E%3Cpath d='M10.0003 18.3333C14.6027 18.3333 18.3337 14.6024 18.3337 9.99999C18.3337 5.39762 14.6027 1.66666 10.0003 1.66666C5.39795 1.66666 1.66699 5.39762 1.66699 9.99999C1.66699 14.6024 5.39795 18.3333 10.0003 18.3333Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 13.3333C6.66699 13.3333 7.91699 11.6667 10.0003 11.6667C12.0837 11.6667 13.3337 13.3333 13.3337 13.3333' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 7.5H12.5083' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5H7.50833' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_470_1341'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\");\n          }\n        }\n      }\n\n      .success-text {\n        height: 32px;\n        max-width: initial;\n        padding: 4px 12px 6px;\n        border-radius: 8px;\n        top: 52px;\n        right: 0;\n        transform: translateX(0%);\n\n        &::after {\n          background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_933_322)'%3E%3Cpath d='M10.0003 18.3333C14.6027 18.3333 18.3337 14.6024 18.3337 9.99999C18.3337 5.39762 14.6027 1.66666 10.0003 1.66666C5.39795 1.66666 1.66699 5.39762 1.66699 9.99999C1.66699 14.6024 5.39795 18.3333 10.0003 18.3333Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.66699 11.6667C6.66699 11.6667 7.91699 13.3333 10.0003 13.3333C12.0837 13.3333 13.3337 11.6667 13.3337 11.6667' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.5 7.5H12.5083' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.5 7.5H7.50833' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_933_322'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E\");\n        }\n      }\n\n      .idm-btn.save-btn {\n        min-width: 88px;\n        justify-content: center;\n      }\n    }\n  }\n\n  .idm-success {\n    z-index: 2;\n  }\n\n  .settings-container {\n    width: 100%;\n    display: flex;\n    align-items: stretch;\n\n    .settings {\n      width: 100%;\n      padding-left: 72px;\n\n      hr.solid {\n        border-top: 1px solid var(--dark-500);\n        margin-right: 50px;\n      }\n\n      .section-container {\n        width: 504px;\n        color: var(--dark-500);\n        // padding: 134px 0 56px;\n        padding: 32px 0 56px;\n        // position: relative;\n        // top: -102px;\n\n        &:not(:last-child) {\n          border-bottom: 1px solid var(--natural-100);\n        }\n\n        .section-content {\n          margin-bottom: 16px;\n\n          .validation-error {\n            color: var(--alert-500);\n            font-size: var(--p2);\n            left: 0;\n            bottom: -20px;\n          }\n        }\n\n        .section-title,\n        .section-subtitle {\n          font-weight: 700;\n        }\n\n        .section-title {\n          font-size: 23px;\n          margin-bottom: 32px;\n        }\n\n        .section-subtitle {\n          font-size: var(--p2);\n          margin-bottom: 8px;\n        }\n\n        .section-checkbox-container {\n          display: flex;\n          align-items: center;\n          flex-wrap: wrap;\n          padding: 24px 0;\n          border-bottom: 1px solid var(--natural-100);\n\n          >p {\n            margin-left: 8px;\n          }\n\n          .section-input-container {\n            width: 100%;\n            display: flex;\n            align-items: center;\n            margin-top: 10px;\n\n            >p {\n              line-height: 0.7;\n              flex-shrink: 0;\n              margin-right: 8px;\n              margin-left: 24px;\n            }\n          }\n        }\n\n        .idm-input-wrapper:not(:last-child) {\n          margin-bottom: 1px;\n        }\n\n        a {\n          color: var(--primary-600);\n        }\n      }\n    }\n  }\n}\n</style>\n","export const defaultFonts = [\n  {\n    name: \"Poppins\",\n    link: \"http://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf\",\n  },\n  {\n    name: \"Poppins\",\n    link: \"http://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf\",\n  },\n  {\n    name: \"Poppins\",\n    link: \"http://fonts.gstatic.com/s/poppins/v20/pxiEyp8kv8JHgFVrFJDUc1NECPY.ttf\",\n  },\n];\n","export default (arr, defaultValue) => {\n  for (let i = 0; i < 3; i++) {\n    if (arr[i] === null || arr[i] === undefined) {\n      arr[i] = defaultValue;\n    }\n  }\n  return arr;\n}","import { createStore } from \"vuex\";\nimport { defaultFonts } from \"@/helpers/consts\";\nimport fillArray from \"@/helpers/fillArray\";\n\nexport const store = createStore({\n  state: {\n    renderingMin: 0,\n    apiKey: \"\",\n    iPAddresses: [],\n    dataLoaded: false,\n    user: {},\n    account: {},\n    tempProfileImg: \"\",\n    tempLogo: \"\",\n    brands: [],\n    selectedBrand: {\n      name: \"\",\n      selectedLogo: null,\n      website: null,\n      colors: [\n        {\n          hex: \"#000000\",\n        },\n        {\n          hex: \"#ffffff\",\n        },\n      ],\n      logos: [],\n      fonts: [...defaultFonts],\n      isDefault: false,\n    },\n    defaultBrandInfo: {\n      name: \"\",\n      selectedLogo: null,\n      website: null,\n      colors: [\n        {\n          hex: \"#000000\",\n        },\n        {\n          hex: \"#ffffff\",\n        },\n      ],\n      logos: [],\n      fonts: [...defaultFonts],\n      isDefault: false,\n    },\n    brandNameErrorIsShown: false,\n    fontUploadErrorIsShown: false,\n  },\n  mutations: {\n    setUser(state, payload) {\n      state.user = payload;\n    },\n    setAccount(state, payload) {\n      state.account = payload;\n    },\n    setUserProperty(state, { property, value }) {\n      state.user = {\n        ...state.user,\n        [property]: value,\n      };\n    },\n    setAccountProperty(state, { property, value }) {\n      state.account = {\n        ...state.account,\n        [property]: value,\n      };\n    },\n    setRenderingMin(state, payload) {\n      state.renderingMin = payload;\n    },\n    setIPAddresses(state, payload) {\n      state.iPAddresses = payload;\n    },\n    setDataLoaded(state, payload) {\n      state.dataLoaded = payload;\n    },\n    setTempProfileImg(state, payload) {\n      state.tempProfileImg = payload;\n    },\n    setTempLogo(state, payload) {\n      state.tempLogo = payload;\n    },\n    setBrands(state, brands) {\n      state.brands = brands.map((item) => {\n        return {\n          ...item,\n          logos: item.logos?.filter((obj) => obj?.src) ?? [],\n          fonts: fillArray(item.fonts, defaultFonts[0]),\n        };\n      });\n    },\n    resetBrand(state) {\n      state.brands = state.brands.map((item) => {\n        return { ...item, isDefault: false };\n      });\n      this.commit(\"setBrandNameError\");\n      state.selectedBrand = structuredClone(state.defaultBrandInfo);\n    },\n    addBrand(state) {\n      state.selectedBrand.isDefault = true;\n    },\n    selectBrand(state, id) {\n      this.commit(\"setBrandNameError\");\n      state.brands = state.brands.map((item) => {\n        return { ...item, isDefault: false };\n      });\n\n      if (!id) {\n        this.commit(\"resetBrand\");\n        return;\n      }\n      state.selectedBrand = structuredClone(\n        state.brands.find((obj) => obj._id === id)\n      );\n      state.selectedBrand.isDefault = true;\n    },\n    changeSelectedBrandProp(state, { prop, value }) {\n      state.selectedBrand[prop] = value;\n    },\n    deleteBrand(state, id) {\n      const brands = state.brands;\n      const brandIndex = brands.findIndex((item) => item._id === id);\n      if (brandIndex > -1) brands[brandIndex].isDeleted = true;\n    },\n    addLogo(state, logo) {\n      state.selectedBrand.logos.push({ src: logo });\n    },\n    removeLogo(state, index) {\n      const currentLogo = state.selectedBrand.logos[index].src;\n      state.selectedBrand.logos.splice(index, 1);\n\n      if (currentLogo === state.selectedBrand.selectedLogo) {\n        state.selectedBrand.selectedLogo = null;\n        const prevLogo = state.selectedBrand.logos.at(-1);\n        if (prevLogo) this.commit(\"selectLogo\", prevLogo.src);\n      }\n    },\n    selectLogo(state, logo) {\n      state.selectedBrand.selectedLogo = logo;\n    },\n    addColor(state, color) {\n      state.selectedBrand.colors.push({ hex: color });\n    },\n    changeColor(state, { index, color }) {\n      state.selectedBrand.colors[index].hex = color;\n    },\n    removeColor(state, index) {\n      state.selectedBrand.colors.splice(index, 1);\n    },\n    changeFont(state, { name, src, i }) {\n      state.selectedBrand.fonts[i] = {\n        name,\n        src,\n      };\n    },\n    setBrand(\n      state,\n      { name, website, colors, logos, fonts, description, brandFetchId }\n    ) {\n      if (!fonts.length) fonts = [...defaultFonts];\n      logos = logos.filter((obj) => obj?.src);\n      Object.assign(state.selectedBrand, {\n        name,\n        website,\n        colors,\n        logos,\n        fonts,\n        description,\n        brandFetchId,\n      });\n      if (logos.length) this.commit(\"selectLogo\", logos[0].src);\n    },\n    initSelectBrand(state) {\n      const defaultBrand = state.brands?.find((item) => item.isDefault);\n      defaultBrand\n        ? this.commit(\"selectBrand\", defaultBrand._id)\n        : this.commit(\"resetBrand\");\n      this.commit(\"setBrandNameError\");\n    },\n    setBrandNameError(state, payload = false) {\n      state.brandNameErrorIsShown = payload;\n    },\n    setFontUploadError(state, payload = false) {\n      state.fontUploadErrorIsShown = payload;\n    },\n  },\n  getters: {\n    getUser(state) {\n      return state.user;\n    },\n    getAccount(state) {\n      return state.account;\n    },\n    getIPAddresses(state) {\n      return state.iPAddresses;\n    },\n    getDataLoaded(state) {\n      return state.dataLoaded;\n    },\n    getTempProfileImg(state) {\n      return state.tempProfileImg;\n    },\n    getTempLogo(state) {\n      return state.tempLogo;\n    },\n    getRenderingMin(state) {\n      return state.renderingMin;\n    },\n    isValidURL(state) {\n      if (!state.selectedBrand.website) return false;\n      const urlRegex =\n        // eslint-disable-next-line no-useless-escape\n        /(https:\\/\\/)?([^\\s:@\\/]+(:[^\\s:@]*)?@)?((([a-zA-Z0-9-]+\\.)+[a-zA-Z]{2,})|((\\d{1,3}\\.){3}\\d{1,3}))(:\\d+)?(\\/[^\\s]*)?(\\?[^\\s]*)?(#[^\\s]*)?/gm;\n\n      return urlRegex.test(state.selectedBrand.website);\n    },\n    brandsFiltered(state) {\n      return state.brands.filter((brand) => !brand.isDeleted);\n    },\n    brandCanBeSaved(state, getters) {\n      const brand = state.selectedBrand;\n      return (\n        ((brand.name && (brand._id || brand.isDefault)) || !brand.isDefault) &&\n        (!brand.website?.trim() || getters.isValidURL)\n      );\n    },\n    fonts: (state) => state.selectedBrand.fonts,\n  },\n});\n","import gql from 'graphql-tag';\nimport { useMutation } from '@vue/apollo-composable'\n\nconst q = gql`mutation updateData ($params: JSON) {\n    updateData (params: $params) {\n      success,\n      message, \n    }\n}`\n\nexport default (params) => {\n  const { mutate, onDone, onError } = useMutation(q, {\n    update(mutationResult) {\n      console.log('mutationResult', mutationResult);\n    }\n  })\n\n  mutate(params);\n\n  return new Promise((resolve, reject) => {\n    onDone(resp => {\n      resolve(resp)\n    })\n    onError(e => {\n      reject(e)\n    })\n  })\n}","<template>\n  <div class=\"navbar-container\">\n    <nav>\n      <div\n        v-for=\"(title, index) in titles\"\n        :key=\"index\"\n        :class=\"{ \n          selected: selected === index,\n          'indented': index >= 2\n        }\"\n        class=\"navbar-item\"\n        @click=\"handleSelected(index)\"\n        :data-test=\"'settings-menu-' + title\"\n      >\n        {{ title }}\n      </div>\n    </nav>\n  </div>\n</template>\n<script>\nimport { ref } from 'vue';\n\nexport default {\n  props: {\n    sections: Array,\n  },\n  setup(props) {\n    const titles = props.sections.map((section) => {\n      if (section.match(/[A-Z]/g).length > 1) {\n        return (\n          section.split(section.match(/[A-Z]/g)[section.match(/[A-Z]/g).length - 1])[0] +\n          ' ' +\n          section.match(/[A-Z]/g)[section.match(/[A-Z]/g).length - 1] +\n          section.split(section.match(/[A-Z]/g)[section.match(/[A-Z]/g).length - 1])[1]\n        );\n      } else {\n        return section;\n      }\n    });\n\n    const selected = ref(0);\n\n    function handleSelected(index) {\n      selected.value = index;\n\n      const element = document.getElementById('sec-' + index);\n      const headerOffset = 100;\n      const elementPosition = element.getBoundingClientRect().top;\n      const offsetPosition = elementPosition + window.pageYOffset - headerOffset;\n\n      window.scrollTo({\n        top: offsetPosition,\n        behavior: 'smooth',\n      });\n    }\n\n    return {\n      titles,\n      selected,\n      handleSelected,\n    };\n  },\n};\n</script>\n<style lang=\"scss\">\n.navbar-container {\n  width: 288px;\n  height: auto;\n  min-height: 100vh;\n\n  background-color: var(--natural-40);\n  padding: 32px 23px;\n\n  nav {\n    width: 100%;\n    height: fit-content;\n    display: flex;\n    flex-direction: column;\n    align-items: start;\n    position: sticky;\n    top: 144px;\n    left: 0;\n\n    .navbar-item {\n      color: var(--dark-500);\n      font-size: var(--p2);\n      font-weight: 400;\n      text-decoration: none;\n      margin-bottom: 16px;\n      cursor: pointer;\n\n      &.selected {\n        color: var(--primary-600);\n        font-weight: 700;\n      }\n\n      &.indented {\n        padding-left: 16px;\n      }\n    }\n  }\n}\n</style>\n","import { render } from \"./NavBar.vue?vue&type=template&id=7d569381\"\nimport script from \"./NavBar.vue?vue&type=script&lang=js\"\nexport * from \"./NavBar.vue?vue&type=script&lang=js\"\n\nimport \"./NavBar.vue?vue&type=style&index=0&id=7d569381&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n  <div class=\"section-container\" data-test=\"settings-profile-section\">\n    <h3 class=\"section-title\">User Profile</h3>\n\n    <div class=\"section-content\">\n      <IdmInputWrapper>\n        <template #label>\n          <label>First Name</label>\n        </template>\n        <template #input>\n          <IdmInput\n            :placeholder=\"'Write your name here'\"\n            v-model=\"firstName\"\n            :value=\"firstName\"\n            :error=\"!!firstNameError\"\n            @blur=\"validateFirstName\"\n            data-test=\"settings-first-name-field\"\n          />\n        </template>\n      </IdmInputWrapper>\n      <span class=\"validation-error\" v-show=\"!!firstNameError\">{{ firstNameError }}</span>\n    </div>\n\n    <div class=\"section-content\">\n      <IdmInputWrapper>\n        <template #label>\n          <label>Last Name</label>\n        </template>\n        <template #input>\n          <IdmInput\n            :placeholder=\"'Write your last name here'\"\n            v-model=\"lastName\"\n            :value=\"lastName\"\n            :error=\"!!lastNameError\"\n            @blur=\"validateLastName\"\n            data-test=\"settings-last-name-field\"\n          />\n        </template>\n      </IdmInputWrapper>\n      <span class=\"validation-error\" v-show=\"!!lastNameError\">{{ lastNameError }}</span>\n    </div>\n\n    <IdmInputWrapper>\n      <template #label>\n        <label>Email</label>\n      </template>\n      <template #tooltip>\n        <IdmTooltip\n          :text=\"'To enquire about changing your user login email please contact Idomoo support'\"\n          :onHover=\"true\"\n        />\n      </template>\n      <template #input>\n        <IdmInput\n          :placeholder=\"'john.doe@gmail.com'\"\n          v-model=\"email\"\n          :value=\"email\"\n          :locked=\"true\"\n          data-test=\"settings-email-field\"\n        />\n      </template>\n    </IdmInputWrapper>\n\n    <UploadImage />\n\n    <!-- <div class=\"section-checkbox-container\">\n      <IdmCheckbox\n        :checked=\"showQR\"\n        @input=\"showQR = $event.target.checked\"\n        data-test=\"settings-two-step-checkbox\"\n      />\n      <p>Enable 2 step authentication</p>\n    </div>\n\n    <p class=\"section-text\" v-if=\"showQR\">\n      Scan this QR code with Google or Microsoft Authenticator mobile application.\n      <br /><br />\n      Each time you sign in, as well as your password, you'll need a verification code\n      created using your chosen mobile application.\n      <br /><br />\n      Don’t forget to save the action by clicking the save button on top.\n    </p>\n\n    <div class=\"qr-code-container\" v-if=\"showQR\">\n      <div class=\"loader-container\" v-if=\"!QRValue\">\n        <IdmLoader class=\"loader\" :width=\"80\" :height=\"80\" />\n      </div>\n\n      <img :src=\"QRValue\" alt=\"qr code\" class=\"qr-code\" v-else />\n    </div> -->\n  </div>\n</template>\n<script>\nimport { store } from '@/store';\nimport { ref, computed, watch } from 'vue';\nimport generateQR from '@/gql/generateQR.js';\nimport { validateName } from '@/utils/validations';\nimport UploadImage from './UploadImage.vue';\n\nexport default {\n  components: {\n    UploadImage,\n  },\n  setup() {\n    const QRValue = ref('');\n    const firstNameError = ref('');\n    const lastNameError = ref('');\n\n    const firstName = computed({\n      get() {\n        return store.getters.getUser.firstName;\n      },\n      set(val) {\n        store.commit('setUserProperty', { property: 'firstName', value: val });\n      },\n    });\n\n    const lastName = computed({\n      get() {\n        return store.getters.getUser.lastName;\n      },\n      set(val) {\n        store.commit('setUserProperty', { property: 'lastName', value: val });\n      },\n    });\n\n    const validateFirstName = () => {\n      firstNameError.value = validateName(firstName.value);\n    };\n\n    const validateLastName = () => {\n      lastNameError.value = validateName(lastName.value);\n    };\n\n    const email = computed({\n      get() {\n        return store.getters.getUser.email;\n      }\n    });\n\n    const showQR = computed({\n      get() {\n        return store.getters.getUser.twoStep;\n      },\n      set(val) {\n        store.commit('setUserProperty', { property: 'twoStep', value: val });\n      },\n    });\n\n    const twoStepKey = computed({\n      get() {\n        return store.getters.getUser.twoStepKey;\n      },\n      set(val) {\n        store.commit('setUserProperty', { property: 'twoStepKey', value: val });\n      },\n    });\n\n    function handleQR() {\n      generateQR()\n        .then((res) => {\n          QRValue.value = res.data.generateQR.value;\n          console.log('QRValue.value 1: ', QRValue.value);\n          console.log('res: ', res);\n        })\n        .catch((err) => {\n          console.log('err: ', err);\n        });\n    }\n\n    if (showQR.value) {\n      console.log('twoStepKey.value: ', twoStepKey.value);\n      QRValue.value = twoStepKey.value;\n      console.log('QRValue.value 2: ', QRValue.value);\n    }\n\n\n    watch(showQR, (val) => {\n      if (val) {\n        handleQR();\n      } else {\n        QRValue.value = '';\n      }\n    });\n\n    return {\n      firstName,\n      lastName,\n      email,\n      QRValue,\n      showQR,\n      firstNameError,\n      lastNameError,\n      validateFirstName,\n      validateLastName\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.main-container\n  .settings-container\n  .settings\n  .section-container\n  .section-checkbox-container {\n  border-bottom: none;\n}\n\n.loader-container,\n.qr-code {\n  width: 120px;\n  margin-top: 24px;\n}\n\n.loader-container {\n  height: 120px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .loader {\n    margin: auto;\n  }\n}\n\n.qr-code {\n  position: relative;\n  right: 12px;\n}\n</style>\n","import gql from 'graphql-tag';\nimport { useMutation } from '@vue/apollo-composable'\n\nconst q = gql`mutation generateQR {\n    generateQR {\n      value \n    }\n}`\n\nexport default () => {\n  const { mutate, onDone, onError } = useMutation(q, {\n    update(mutationResult) {\n      console.log('mutationResult', mutationResult);\n    }\n  })\n\n  mutate();\n\n  return new Promise((resolve, reject) => {\n    onDone(resp => {\n      resolve(resp)\n    })\n    onError(e => {\n      reject(e)\n    })\n  })\n}","export const nameRegex = /^[a-zA-Z0-9][a-zA-Z0-9\\-_.'\\s]*$/;\n\nexport const validateName = (value) => {\n  if (!value || value.trim().length === 0) {\n    return 'Please fill in this field with at least 2 characters';\n  }\n  if (value.length < 2 || value.length > 256) {\n    return 'Please fill in this field with at least 2 characters';\n  }\n  if (!nameRegex.test(value)) {\n    return 'This field must start with a letter or number and can include letters, numbers, hyphens, underscores, periods, and apostrophes';\n  }\n  return '';\n}; ","<template>\n  <div class=\"upload-img-container\">\n    <IdmDragAndDrop\n      :btnText=\"btnText\"\n      :dropText=\"'Recommended size: 140x140px'\"\n      :fileTypes=\"fileTypes\"\n      :progressVal=\"progressVal\"\n      @file-uploaded=\"fileUploaded\"\n      :data-test=\"'settings-upload-file-' + type\"\n    />\n\n    <div class=\"upload-img-preview\" v-if=\"imgSrc\">\n      <img :src=\"imgSrc\" alt=\"logo\" :class=\"type\" />\n\n      <IdmButton\n        :btnType=\"'edit'\"\n        @click=\"removeFile\"\n        :data-test=\"'settings-upload-img-' + type\"\n      >\n        <IdmIcon name=\"trash\" />\n      </IdmButton>\n    </div>\n  </div>\n</template>\n<script>\nimport { store } from '@/store';\nimport { ref, computed } from 'vue';\n\nimport { useUploadToS3 } from '../helpers/uploadToS3.js';\n\nexport default {\n  props: {\n    type: {\n      type: String,\n      default: 'profile',\n    },\n  },\n  setup(props) {\n    const btnText = props.type === 'profile' ? ref('Profile image') : ref('Upload logo');\n    const fileTypes = ref(['jpg', 'png']);\n    const imgSrc =\n      props.type === 'profile'\n        ? ref(store.getters.getUser.profileImg)\n        : ref(store.getters.getAccount.logo);\n\n    const accountId = computed({\n      get() {\n        return props.type === 'profile' ? store.getters.getUser.accountId : store.getters.getAccount.accountId;\n      }\n    });\n\n    const progressVal = ref(0);\n\n    if (props.type === 'logo') fileTypes.value.push('svg');\n\n    function fileUploaded(file) {\n      if (file) {\n        console.log('file: ', file);\n\n        const progressInterval = setInterval(() => {\n          if (progressVal.value < 100) progressVal.value++;\n        }, 50);\n\n        const { request } = useUploadToS3(\n          file,\n          accountId.value + '/settings',\n          process.env.VUE_APP_CUSTOM_CONTENT_URL,\n          process.env.VUE_APP_MEDIA_UPLOAD_ENDPOINT,\n          localStorage.getItem('auth_userToken')\n        );\n\n        request\n          .then((link) => {\n            console.log('link: ', link);\n            if (props.type === 'logo') {\n              store.commit('setTempLogo', link);\n            } else {\n              store.commit('setTempProfileImg', link);\n            }\n            imgSrc.value = link;\n\n            clearInterval(progressInterval);\n            progressVal.value = 100;\n            setTimeout(() => {\n              progressVal.value = 0;\n            }, 1500);\n          })\n          .catch((error) => {\n            console.log('error: ', error);\n\n            clearInterval(progressInterval);\n            progressVal.value = 100;\n            setTimeout(() => {\n              progressVal.value = 0;\n            }, 100);\n          });\n      } else if (file === null) {\n        if (props.type === 'logo') {\n          store.commit('setTempLogo', null);\n        } else {\n          store.commit('setTempProfileImg', null);\n        }\n        imgSrc.value = null;\n      }\n    }\n\n    function removeFile() {\n      imgSrc.value = null;\n      fileUploaded(null);\n    }\n\n    return {\n      btnText,\n      fileTypes,\n      imgSrc,\n      progressVal,\n      fileUploaded,\n      removeFile,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.upload-img-container {\n  display: flex;\n  align-items: center;\n  margin-top: 24px;\n\n  .upload-img-preview {\n    width: 104px;\n    height: 56px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 8px;\n    border: 1px solid var(--natural-100);\n    border-radius: 8px;\n    margin-left: 14px;\n\n    > img {\n      width: 40px;\n      height: 40px;\n      object-fit: cover;\n      border-radius: 50%;\n\n      &.logo {\n        border-radius: 12px;\n      }\n    }\n  }\n}\n</style>\n","import { ref } from \"vue\";\n\nexport function useUploadToS3(\n  file,\n  subfolder,\n  customContentUrl,\n  mediaUploadEndpoint,\n  token\n) {\n  const loaded = ref(0);\n  const total = ref(0);\n  const request = new Promise((resolve, reject) => {\n    if (file) {\n      const fileReader = new FileReader();\n      const chunk = file.slice(0, 261);\n      fileReader.onload = async () => {\n        const postData = {\n          extension: file.name\n            .split(\".\")\n            .pop()\n            .toLowerCase(),\n          sample: btoa(fileReader.result),\n          subfolder,\n        };\n        const response = await fetch(mediaUploadEndpoint, {\n          method: \"POST\",\n          cache: \"no-cache\",\n          headers: {\n            \"Content-Type\": \"application/json; charset=utf-8\",\n            authorization: `Bearer ${token}`,\n          },\n          body: JSON.stringify(postData),\n        });\n\n        response.json().then(async (response) => {\n          const formData = new FormData();\n          Object.keys(response.fields).forEach((key) => {\n            formData.append(key, response.fields[key]);\n          });\n          formData.append(\"file\", file, \"File\");\n\n          let xhr = new XMLHttpRequest();\n\n          xhr.upload.onprogress = (event) => {\n            loaded.value = event.loaded;\n            total.value = event.total;\n          };\n\n          xhr.onloadend = (e) => {\n            if (e.target.status >= 200 && e.target.status <= 206) {\n              const link = `${customContentUrl}/${response.fields.key}`;\n              resolve(link);\n            } else {\n              console.log(\n                `Bad request. Error code: ${e.target.status}, errorText: ${e.target.statusText}`\n              );\n            }\n          };\n\n          xhr.open(\"POST\", response.url);\n          xhr.send(formData);\n        });\n      };\n      fileReader.readAsBinaryString(chunk);\n    } else {\n      reject();\n    }\n  });\n\n  return { loaded, total, request };\n}\n","import { render } from \"./UploadImage.vue?vue&type=template&id=05493f73&scoped=true\"\nimport script from \"./UploadImage.vue?vue&type=script&lang=js\"\nexport * from \"./UploadImage.vue?vue&type=script&lang=js\"\n\nimport \"./UploadImage.vue?vue&type=style&index=0&id=05493f73&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-05493f73\"]])\n\nexport default __exports__","import { render } from \"./ProfileSec.vue?vue&type=template&id=6578064d&scoped=true\"\nimport script from \"./ProfileSec.vue?vue&type=script&lang=js\"\nexport * from \"./ProfileSec.vue?vue&type=script&lang=js\"\n\nimport \"./ProfileSec.vue?vue&type=style&index=0&id=6578064d&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6578064d\"]])\n\nexport default __exports__","<template>\n  <div class=\"section-container\" data-test=\"settings-account-section\">\n    <h3 class=\"section-title\">Account</h3>\n\n    <div class=\"account-id-container\">\n      <IdmInputWrapper>\n        <template #label>\n          <label>Account ID</label>\n        </template>\n        <template #input>\n          <IdmInput\n            :placeholder=\"'12345'\"\n            v-model=\"accountId\"\n            :value=\"accountId\"\n            :locked=\"true\"\n            data-test=\"settings-account-id-field\"\n          />\n          <IdmSuccessText\n            :text=\"'Copied!'\"\n            :visibilityTime=\"5000\"\n            :show=\"showCopied\"\n          >\n            <IdmHoverText>\n              <IdmButton\n                title=\"Copy to clipboard\"\n                :btnType=\"'secondary'\"\n                class=\"api-btn\"\n                :class=\"{ copied }\"\n                @click=\"copyAccountId\"\n              >\n                <svg\n                  width=\"20\"\n                  height=\"20\"\n                  viewBox=\"0 0 20 20\"\n                  fill=\"none\"\n                  xmlns=\"http://www.w3.org/2000/svg\"\n                >\n                  <g clip-path=\"url(#clip0_137_77)\">\n                    <path\n                      d=\"M16.6667 7.5H9.16667C8.24619 7.5 7.5 8.24619 7.5 9.16667V16.6667C7.5 17.5871 8.24619 18.3333 9.16667 18.3333H16.6667C17.5871 18.3333 18.3333 17.5871 18.3333 16.6667V9.16667C18.3333 8.24619 17.5871 7.5 16.6667 7.5Z\"\n                      stroke=\"#07354A\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    />\n                    <path\n                      d=\"M4.16666 12.5H3.33333C2.8913 12.5 2.46738 12.3244 2.15482 12.0119C1.84226 11.6993 1.66666 11.2754 1.66666 10.8334V3.33335C1.66666 2.89133 1.84226 2.4674 2.15482 2.15484C2.46738 1.84228 2.8913 1.66669 3.33333 1.66669H10.8333C11.2754 1.66669 11.6993 1.84228 12.0118 2.15484C12.3244 2.4674 12.5 2.89133 12.5 3.33335V4.16669\"\n                      stroke=\"#07354A\"\n                      stroke-width=\"1.5\"\n                      stroke-linecap=\"round\"\n                      stroke-linejoin=\"round\"\n                    />\n                  </g>\n                  <defs>\n                    <clipPath id=\"clip0_137_77\">\n                      <rect width=\"20\" height=\"20\" fill=\"white\" />\n                    </clipPath>\n                  </defs>\n                </svg>\n              </IdmButton>\n            </IdmHoverText>\n          </IdmSuccessText>\n        </template>\n      </IdmInputWrapper>\n    </div>\n\n    <div class=\"section-content\">\n      <IdmInputWrapper>\n        <template #label>\n          <label>Account Name</label>\n        </template>\n        <template #input>\n          <IdmInput\n            :placeholder=\"'Google'\"\n            v-model=\"company\"\n            :value=\"company\"\n            :error=\"!!companyError\"\n            @blur=\"validateCompany\"\n            data-test=\"settings-company-field\"\n          />\n        </template>\n      </IdmInputWrapper>\n      <span class=\"validation-error\" v-show=\"companyError\">{{\n        companyError\n      }}</span>\n    </div>\n\n    <UploadImage :type=\"'logo'\" />\n\n    <IdmInputWrapper class=\"region\">\n      <template #label>\n        <label>Region</label>\n      </template>\n      <template #tooltip>\n        <IdmTooltip\n          :text=\"'Your account is hosted in either the USA & Rest of World or Europe. European accounts comply with GDPR rules for data storage and processing.'\"\n          :onHover=\"true\"\n        />\n      </template>\n      <template #input>\n        <IdmInput\n          v-model=\"regionText\"\n          :locked=\"true\"\n          data-test=\"settings-region-field\"\n        />\n      </template>\n    </IdmInputWrapper>\n\n    <div class=\"rendering-min-container\">\n      <p class=\"section-text\">\n        Available rendering minutes: <b>{{ renderingMin }}</b>\n      </p>\n\n      <IdmTooltip\n        :text=\"'To purchase more rendering minutes, contact your account manager. If you don’t have one, use our help bot by clicking on the info icon.'\"\n        :onHover=\"true\"\n      />\n    </div>\n    <div class=\"rendering-min-container\">\n      <p class=\"section-text\">\n        Video expiry: <b>{{ videoExpirationTimeOnStorage }}</b> days from\n        creation\n      </p>\n\n      <IdmTooltip\n        :text=\"'This rule applies by default to all videos created, but specific storyboards may have customized expiry rules.'\"\n        :onHover=\"true\"\n      />\n    </div>\n  </div>\n</template>\n<script setup>\nimport { store } from \"@/store\";\nimport { ref, computed } from \"vue\";\nimport { validateName } from \"@/utils/validations\";\nimport UploadImage from \"./UploadImage.vue\";\n\nconst copied = ref(false);\nconst showCopied = ref(0);\nconst companyError = ref(\"\");\n\nconst company = computed({\n  get() {\n    return store.getters.getAccount.company;\n  },\n  set(val) {\n    store.commit(\"setAccountProperty\", { property: \"company\", value: val });\n  },\n});\n\nconst validateCompany = () => {\n  companyError.value = validateName(company.value);\n};\n\nconst videoExpirationTimeOnStorage = computed({\n  get() {\n    const value = store.getters.getAccount.videoExpirationTimeOnStorage;\n    return value ?? 30;\n  },\n});\n\nconst accountId = computed({\n  get() {\n    return String(store.getters.getAccount.accountId);\n  },\n});\n\nfunction copyAccountId() {\n  (async () => {\n    try {\n      await navigator.clipboard.writeText(accountId.value);\n\n      copied.value = true;\n      showCopied.value++;\n\n      setTimeout(() => {\n        copied.value = false;\n      }, 5000);\n    } catch (err) {\n      console.error(\"Failed to copy: \", err);\n    }\n  })();\n}\n\nconst region = computed(() => store.getters.getAccount.region);\nconst regionText = ref(\"\");\n\nconst renderingMin = computed(() => store.getters.getRenderingMin);\n\nif (region.value === \"us\") {\n  regionText.value = \"USA and Rest of world\";\n} else if (region.value === \"eu\") {\n  regionText.value = \"Europe\";\n} else {\n  regionText.value = region.value;\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.region {\n  margin: 32px 0;\n}\n\n.validation-error {\n  color: var(--alert-500);\n  font-size: var(--p2);\n  margin-top: 4px;\n}\n\n.rendering-min-container {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 34px;\n}\n\n.account-id-container {\n  display: flex;\n  align-items: center;\n  margin: 16px 0 32px;\n\n  .api-btn {\n    margin-left: 8px;\n    transition: 200ms ease-in-out;\n\n    &.copied {\n      background-color: var(--success-600);\n      pointer-events: none;\n\n      svg path {\n        stroke: #fff;\n      }\n    }\n\n    &.loading {\n      svg {\n        animation: spin 0.8s ease-in-out 0.5s infinite;\n\n        @keyframes spin {\n          0% {\n            transform: rotate(0deg);\n          }\n\n          100% {\n            transform: rotate(-180deg);\n          }\n        }\n      }\n    }\n\n    &.hideHover {\n      pointer-events: none;\n    }\n  }\n}\n</style>\n","import script from \"./AccountSec.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./AccountSec.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./AccountSec.vue?vue&type=style&index=0&id=7da1b8da&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7da1b8da\"]])\n\nexport default __exports__","<template>\n  <div class=\"section-container\" data-test=\"settings-api-section\">\n    <div class=\"new-key-popup-container\" v-show=\"showPopup\">\n      <IdmPopup :style=\"{ width: '416px' }\" :title=\"'Generate a new API key?'\" :paragraphs=\"[\n        'Are you sure you want to generate a new API key?',\n        'Automations using this key will stop working',\n      ]\">\n        <IdmButton :btnType=\"'secondary'\" :text=\"'Cancel'\" @click=\"showPopup = false\" />\n        <IdmButton :btnType=\"'diverse'\" :text=\"'Generate'\" @click=\"createKey\" />\n      </IdmPopup>\n    </div>\n    <h3 class=\"section-title\">API Settings</h3>\n\n    <p class=\"section-text learn\">\n      Learn more about our\n      <a href=\"https://developers.idomoo.com/\" target=\"_blank\">API on the developer portal</a>\n    </p>\n\n    <h5 class=\"section-subtitle\">Your API secret key is:</h5>\n\n    <div class=\"api-key-container\">\n      <IdmInput :placeholder=\"'Enter key'\" :secretKey=\"true\" :modelValue=\"apiKey\" :locked=\"true\" :class=\"{ hideHover }\"\n        data-test=\"settings-api-key-field\" />\n\n      <IdmSuccessText :text=\"'Copied!'\" :visibilityTime=\"5000\" :show=\"showCopied\" @click=\"showCopied++\">\n        <IdmHoverText>\n          <IdmButton title=\"Copy to clipboard\" :btnType=\"'secondary'\" class=\"api-btn\" :class=\"{ copied }\"\n            @click=\"copyKey\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <g clip-path=\"url(#clip0_137_77)\">\n                <path\n                  d=\"M16.6667 7.5H9.16667C8.24619 7.5 7.5 8.24619 7.5 9.16667V16.6667C7.5 17.5871 8.24619 18.3333 9.16667 18.3333H16.6667C17.5871 18.3333 18.3333 17.5871 18.3333 16.6667V9.16667C18.3333 8.24619 17.5871 7.5 16.6667 7.5Z\"\n                  stroke=\"#07354A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n                <path\n                  d=\"M4.16666 12.5H3.33333C2.8913 12.5 2.46738 12.3244 2.15482 12.0119C1.84226 11.6993 1.66666 11.2754 1.66666 10.8334V3.33335C1.66666 2.89133 1.84226 2.4674 2.15482 2.15484C2.46738 1.84228 2.8913 1.66669 3.33333 1.66669H10.8333C11.2754 1.66669 11.6993 1.84228 12.0118 2.15484C12.3244 2.4674 12.5 2.89133 12.5 3.33335V4.16669\"\n                  stroke=\"#07354A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n              </g>\n              <defs>\n                <clipPath id=\"clip0_137_77\">\n                  <rect width=\"20\" height=\"20\" fill=\"white\" />\n                </clipPath>\n              </defs>\n            </svg>\n          </IdmButton>\n        </IdmHoverText>\n      </IdmSuccessText>\n\n      <IdmSuccessText :text=\"'New key is available'\" :visibilityTime=\"5000\" :show=\"showNewKeyMessage\">\n        <IdmHoverText>\n          <IdmButton title=\"Generate a new key\" :btnType=\"'secondary'\" class=\"api-btn\" :class=\"{ loading, hideHover }\"\n            @click=\"showPopup = true\">\n            <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n              <path d=\"M19.1667 16.6667V11.6667H14.1667\" stroke=\"#07354A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n              <path d=\"M0.833336 3.33331V8.33331H5.83334\" stroke=\"#07354A\" stroke-width=\"1.5\" stroke-linecap=\"round\"\n                stroke-linejoin=\"round\" />\n              <path\n                d=\"M17.075 7.49998C16.6524 6.30564 15.9341 5.23782 14.9871 4.39616C14.0402 3.55451 12.8954 2.96645 11.6598 2.68686C10.4241 2.40727 9.13771 2.44527 7.92068 2.79729C6.70365 3.14932 5.59562 3.80391 4.7 4.69998L0.833336 8.33331M19.1667 11.6666L15.3 15.3C14.4044 16.1961 13.2964 16.8506 12.0793 17.2027C10.8623 17.5547 9.57592 17.5927 8.34024 17.3131C7.10456 17.0335 5.95984 16.4455 5.01289 15.6038C4.06595 14.7621 3.34764 13.6943 2.925 12.5\"\n                stroke=\"#07354A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n            </svg>\n          </IdmButton>\n        </IdmHoverText>\n      </IdmSuccessText>\n    </div>\n\n    <h5 class=\"section-subtitle\">Advanced Security Settings</h5>\n\n    <div class=\"section-checkbox-container\">\n      <IdmCheckbox :checked=\"signature\" @input=\"setAdvancedSecurity({ property: 'signature', value: $event.target.checked })\" />\n      <p>\n        Add request signature\n        <a href=\"https://developers.idomoo.com/docs/v3/cpon1odwihaa5-authentication#request-signing\"\n          target=\"_blank\">Learn more</a>\n      </p>\n\n      <div class=\"section-input-container\">\n        <p>Your public key</p>\n        <IdmInput :placeholder=\"'https://'\" :locked=\"!signature\" :modelValue=\"signatureURL\" :error=\"!validSignature\"\n          @input=\"setAdvancedSecurity({ property: 'signatureURL', value: $event.target.value })\" />\n\n        <span class=\"validation-error\" v-show=\"!validSignature\">Public key URL is mandatory</span>\n      </div>\n    </div>\n\n    <div class=\"section-checkbox-container\">\n      <IdmCheckbox :checked=\"reqEncryption\" @input=\"setAdvancedSecurity({ property: 'reqEncryption', value: $event.target.checked })\" />\n      <p>\n        Add request payload encryption\n        <a href=\"https://developers.idomoo.com/docs/v3/cpon1odwihaa5-authentication#request-body-encryption\"\n          target=\"_blank\">Learn more</a>\n      </p>\n    </div>\n\n    <div class=\"section-checkbox-container\">\n      <IdmCheckbox :checked=\"resEncryption\" @input=\"setAdvancedSecurity({ property: 'resEncryption', value: $event.target.checked })\" />\n      <p>\n        Add response payload encryption\n        <a href=\"https://developers.idomoo.com/docs/v3/cpon1odwihaa5-authentication#response-body-encryption\"\n          target=\"_blank\">Learn more</a>\n      </p>\n\n      <div class=\"section-input-container\">\n        <p>Your public key</p>\n        <IdmInput :placeholder=\"'https://'\" :locked=\"!resEncryption\" :modelValue=\"resEncryptionURL\" :error=\"!validEncryption\"\n          @input=\"setAdvancedSecurity({ property: 'resEncryptionURL', value: $event.target.value })\" />\n\n        <span class=\"validation-error\" v-show=\"!validEncryption\">Public key URL is mandatory</span>\n      </div>\n    </div>\n\n    <p class=\"section-text key\">\n      Idomoo's public key\n      <br />\n      <span>https://usa-api.idomoo.com/api/v3/oauth/jwks</span>\n    </p>\n\n    <h5 class=\"section-subtitle\">IP Whitelisting</h5>\n\n    <div class=\"ip-address-container\" data-test=\"settings-ip-address\" v-for=\"(iPAddress, i) in iPAddresses\" :key=\"i\">\n      <IdmInput v-for=\"(iPNum, j) in iPAddress\" :key=\"j\" :modelValue=\"iPAddresses[i][j]\"\n        :error=\"invalidIPs.indexOf(i) !== -1 && invalidIPs.length > 0\" @input=\"setIpAddress(i, j, $event)\"\n        @keypress=\"onlyNum\" class=\"ip-address-input\" />\n\n      <IdmButton :btnType=\"'edit'\" @click=\"removeIpAddress(i)\">\n        <IdmIcon name=\"trash\" />\n      </IdmButton>\n\n      <span class=\"validation-error\" v-show=\"invalidIPs.indexOf(i) !== -1 && invalidIPs.length > 0\">Each box can contain\n        1-3 digit numbers. All boxes must be filled.</span>\n    </div>\n\n    <IdmButton class=\"section-btn\" :btnType=\"'secondary'\" :text=\"'Add an IP address'\" @click=\"addIpAddress\">\n      <IdmIcon name=\"plus\" />\n    </IdmButton>\n  </div>\n</template>\n<script>\nimport { ref, computed, watch } from 'vue';\nimport { store } from '@/store';\nimport generateAPI from '@/gql/generateAPI.js';\n\nexport default {\n  props: {\n    invalidIPs: Array,\n    validSignature: Boolean,\n    validEncryption: Boolean,\n  },\n  setup() {\n    const loading = ref(false);\n    const copied = ref(false);\n    const showCopied = ref(0);\n    const showNewKeyMessage = ref(0);\n    const hideHover = ref(false);\n    const showPopup = ref(false);\n\n    const iPAddresses = computed(() => store.getters.getIPAddresses);\n\n    const apiKey = computed(() => store.getters.getAccount.secretKey);\n    const signature = computed(() => store.getters.getAccount.signature);\n    const signatureURL = computed(() => store.getters.getAccount.signatureURL || '');\n    const reqEncryption = computed(() => store.getters.getAccount.reqEncryption);\n    const resEncryption = computed(() => store.getters.getAccount.resEncryption);\n    const resEncryptionURL = computed(() => store.getters.getAccount.resEncryptionURL || '');\n\n    let lastSignatureURL = '';\n    let lastResEncryptionURL = '';\n\n    watch(signature, (val) => {\n      if (!val) {\n        lastSignatureURL = signatureURL.value;\n        store.commit('setAccountProperty', { property: 'signatureURL', value: '' });\n      } else {\n        store.commit('setAccountProperty', { property: 'signatureURL', value: lastSignatureURL });\n      }\n    });\n\n    watch(resEncryption, (val) => {\n      if (!val) {\n        lastResEncryptionURL = resEncryptionURL.value;\n        store.commit('setAccountProperty', { property: 'resEncryptionURL', value: '' });\n      } else {\n        store.commit('setAccountProperty', { property: 'resEncryptionURL', value: lastResEncryptionURL });\n      }\n    });\n\n    function createKey() {\n      loading.value = true;\n      showPopup.value = false;\n\n      generateAPI()\n        .then((res) => {\n          loading.value = false;\n          store.commit('setAccountProperty', { property: 'secretKey', value: res.data.generateAPI.value });\n          showNewKeyMessage.value++;\n          hideHover.value = true;\n\n          setTimeout(() => {\n            hideHover.value = false;\n          }, 5000);\n        })\n        .catch((err) => {\n          console.log('err: ', err);\n        });\n    }\n\n    function copyKey() {\n      console.log('apiKey: ', apiKey.value);\n      (async () => {\n        try {\n          await navigator.clipboard.writeText(apiKey.value);\n\n          copied.value = true;\n\n          setTimeout(() => {\n            copied.value = false;\n          }, 5000);\n        } catch (err) {\n          console.error('Failed to copy: ', err);\n        }\n      })();\n    }\n\n    function setAdvancedSecurity({ property, value }) {\n      store.commit('setAccountProperty', { property, value });\n    }\n\n    function addIpAddress() {\n      iPAddresses.value.push(['', '', '', '']);\n      store.commit('setIPAddresses', iPAddresses.value);\n    }\n\n    function setIpAddress(i, j, e) {\n      console.log('e.target._value: ', e.target._value);\n      if (e.target._value.length <= 3) {\n        iPAddresses.value[i][j] = e.target._value;\n      }\n\n      store.commit('setIPAddresses', iPAddresses.value);\n    }\n\n    function removeIpAddress(i) {\n      iPAddresses.value.splice(i, 1);\n      store.commit('setIPAddresses', iPAddresses.value);\n    }\n\n    function onlyNum(e) {\n      e = e ? e : window.event;\n      let charCode = e.which ? e.which : e.keyCode;\n\n      if (charCode > 31 && (charCode < 48 || charCode > 57)) {\n        e.preventDefault();\n      } else {\n        return true;\n      }\n    }\n\n    return {\n      apiKey,\n      signature,\n      signatureURL,\n      reqEncryption,\n      resEncryption,\n      resEncryptionURL,\n      loading,\n      copied,\n      showCopied,\n      hideHover,\n      showPopup,\n      createKey,\n      copyKey,\n      iPAddresses,\n      setAdvancedSecurity,\n      addIpAddress,\n      setIpAddress,\n      removeIpAddress,\n      onlyNum,\n      showNewKeyMessage,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.section-title {\n  margin-bottom: 24px;\n}\n\n.section-btn {\n  margin-top: 24px;\n}\n\n.section-text {\n  &.learn {\n    margin-bottom: 24px;\n  }\n\n  &.key {\n    padding: 24px 0 56px;\n\n    span {\n      font-size: var(--p1);\n      color: var(--primary-600);\n      text-decoration: underline;\n    }\n  }\n}\n\n.section-input-container {\n  position: relative;\n\n  .validation-error {\n    left: 140px;\n  }\n}\n\n.api-key-container {\n  display: flex;\n  align-items: center;\n  margin: 16px 0 32px;\n\n  .api-btn {\n    margin-left: 8px;\n    transition: 200ms ease-in-out;\n\n    &.copied {\n      background-color: var(--success-600);\n      pointer-events: none;\n\n      svg path {\n        stroke: #fff;\n      }\n    }\n\n    &.loading {\n      svg {\n        animation: spin 0.8s ease-in-out 0.5s infinite;\n\n        @keyframes spin {\n          0% {\n            transform: rotate(0deg);\n          }\n\n          100% {\n            transform: rotate(-180deg);\n          }\n        }\n      }\n    }\n\n    &.hideHover {\n      pointer-events: none;\n    }\n  }\n}\n\n.ip-address-container {\n  display: flex;\n  align-items: center;\n  margin-bottom: 24px;\n  position: relative;\n\n  div.ip-address-input {\n    width: 110px;\n    display: flex;\n    align-items: center;\n\n    &:last-of-type {\n      &::after {\n        content: ' ';\n      }\n    }\n\n    &::after {\n      content: '.';\n      width: 4px;\n      height: 20px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      text-align: center;\n      font-size: 16px;\n      margin: 0 2px;\n    }\n  }\n}\n\n.validation-error {\n  color: var(--alert-500);\n  font-size: var(--p2);\n  position: absolute;\n  left: 0;\n  bottom: -20px;\n}\n</style>\n<style lang=\"scss\">\n.new-key-popup-container {\n  width: 100vw;\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: fixed;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 99999999;\n\n  &::before {\n    content: '';\n    width: 100%;\n    height: 100%;\n    background-color: var(--dark-400);\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    opacity: 0.5;\n  }\n\n  .idm-popup-container {\n    background-color: #fff;\n    position: relative;\n\n    h3 {\n      margin-bottom: initial;\n    }\n  }\n}\n\n.idm-input-container.hideHover .idm-input.k-input.secret-key {\n  &::before {\n    background-image: url(\"data:image/svg+xml,%3Csvg viewBox='0 0 18 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Group 2473'%3E%3Ccircle id='Ellipse 108' cx='4' cy='4' r='3.25' stroke='%2307354A' stroke-width='1.5'/%3E%3Cline id='Line 178' x1='7.75' y1='3.25' x2='17.25' y2='3.25' stroke='%2307354A' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline id='Line 179' x1='11.25' y1='7.25' x2='11.25' y2='3.75' stroke='%2307354A' stroke-width='1.5' stroke-linecap='round'/%3E%3Cline id='Line 180' x1='14.25' y1='7.25' x2='14.25' y2='3.75' stroke='%2307354A' stroke-width='1.5' stroke-linecap='round'/%3E%3C/g%3E%3C/svg%3E\");\n  }\n\n  .k-input-inner {\n    color: var(--success-600);\n  }\n}\n\n.api-key-container .idm-input-container .idm-input.k-input.locked {\n  background-image: initial;\n\n  .k-input-inner {\n    letter-spacing: 4px;\n    text-overflow: initial;\n  }\n}\n</style>\n","import gql from 'graphql-tag';\nimport { useMutation } from '@vue/apollo-composable'\n\nconst q = gql`mutation generateAPI {\n    generateAPI {\n      value \n    }\n}`\n\nexport default () => {\n  const { mutate, onDone, onError } = useMutation(q, {\n    update(mutationResult) {\n      console.log('mutationResult', mutationResult);\n    }\n  })\n\n  mutate();\n\n  return new Promise((resolve, reject) => {\n    onDone(resp => {\n      resolve(resp)\n    })\n    onError(e => {\n      reject(e)\n    })\n  })\n}","import { render } from \"./ApiSec.vue?vue&type=template&id=7f11fdca&scoped=true\"\nimport script from \"./ApiSec.vue?vue&type=script&lang=js\"\nexport * from \"./ApiSec.vue?vue&type=script&lang=js\"\n\nimport \"./ApiSec.vue?vue&type=style&index=0&id=7f11fdca&lang=scss&scoped=true\"\nimport \"./ApiSec.vue?vue&type=style&index=1&id=7f11fdca&lang=scss\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7f11fdca\"]])\n\nexport default __exports__","<template>\n  <div class=\"section-container\" data-test=\"settings-myapp-section\">\n    <h3 class=\"section-title\">My apps</h3>\n\n    <p class=\"section-text learn\">\n      To create a connection to 3rd party application, follow\n      <a :href=\"getPVUrl()\" target=\"_blank\">this link</a>\n    </p>\n\n  </div>\n</template>\n<script>\nimport { computed, ref, inject } from 'vue';\nimport { store } from '@/store';\n\nexport default {\n  setup() {\n    const options = ref([\n      {\n        label: 'category 1',\n        value: '1',\n      },\n      {\n        label: 'category 2',\n        value: '2',\n      },\n      {\n        label: 'category 3',\n        value: '3',\n      },\n    ]);\n\n    const auth = inject('auth');\n    const region = computed(() => store.getters.getAccount.region);\n    const accountId = computed(() => store.getters.getAccount.accountId);\n\n    const getPVUrl = () => {\n      const regionURL =\n        region.value === 'us' ? process.env.VUE_APP_PV_US_URL : process.env.VUE_APP_PV_EU_URL;\n\n        return `${regionURL}/#/` +\n        `id_token=${auth.user.token}` +\n        `&access_token=${auth.user.access_token}` +\n        `&account_id=${accountId.value}` +\n        `&page_url=settings`;\n    };\n\n    return {\n      options,\n      getPVUrl,\n    };\n  },\n};\n</script>\n<style lang=\"scss\" scoped>\n.section-text {\n  &.learn {\n    margin-bottom: 24px;\n  }\n\n  &.key {\n    padding: 24px 0 56px;\n\n    span {\n      font-size: var(--p1);\n      color: var(--primary-600);\n      text-decoration: underline;\n    }\n  }\n}\n\n.section-btn {\n  margin-bottom: 48px;\n}\n\n.hubspot-container {\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n  padding-bottom: 71px;\n\n  svg {\n    width: 23px;\n    height: auto;\n    margin-right: 8px;\n  }\n\n  p {\n    font-size: var(--p2);\n  }\n\n  .hubspot-tooltip {\n    margin-left: auto;\n  }\n\n  .hubspot-dropdown {\n    width: 302px;\n    margin: 8px 8px 0 32px;\n    // margin-left: 32px;\n    // margin-right: 8px;\n  }\n\n  .hubspot-btn {\n    flex-grow: 1;\n    margin-top: 8px;\n  }\n}\n</style>\n","import { render } from \"./MyAppsSec.vue?vue&type=template&id=1300e9d4&scoped=true\"\nimport script from \"./MyAppsSec.vue?vue&type=script&lang=js\"\nexport * from \"./MyAppsSec.vue?vue&type=script&lang=js\"\n\nimport \"./MyAppsSec.vue?vue&type=style&index=0&id=1300e9d4&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1300e9d4\"]])\n\nexport default __exports__","import gql from \"graphql-tag\";\nimport { useQuery } from \"@vue/apollo-composable\";\n\nexport default () => {\n  const q = gql`\n    query getUserAndAccount {\n      getUserAndAccount {\n        user {\n          firstName\n          lastName\n          email\n          accountId\n          profileImg\n          twoStep\n          twoStepKey\n        }\n        account {\n          company\n          region\n          firstName\n          lastName\n          logo\n          videoExpirationTimeOnStorage\n          accountId\n          secretKey\n          signature\n          signatureURL\n          reqEncryption\n          resEncryption\n          resEncryptionURL\n          iPAddresses\n        }\n        brands {\n          _id\n          name\n          brandFetchId\n          isDefault\n          accountId\n          website\n          selectedLogo\n          colors {\n            hex\n            type\n          }\n          logos {\n            src\n            format\n          }\n          fonts {\n            name\n            src\n          }\n          description\n        }\n      }\n    }\n  `;\n\n  return new Promise((resolve, reject) => {\n    const { onResult, onError } = useQuery(\n      q,\n      {},\n      {\n        fetchPolicy: \"no-cache\",\n      }\n    );\n\n    onResult((resp) => resolve(resp));\n    onError((e) => reject(e));\n  });\n};\n","import gql from \"graphql-tag\";\nimport { useQuery } from \"@vue/apollo-composable\";\n\nexport default () => {\n  const q = gql`\n    query getRenderingMinutes {\n      getRenderingMinutes {\n        credits\n      }\n    }\n  `;\n\n  return new Promise((resolve, reject) => {\n    const { onResult, onError } = useQuery(\n      q,\n      {},\n      {\n        fetchPolicy: \"no-cache\",\n      }\n    );\n\n    onResult((resp) => resolve(resp));\n    onError((e) => reject(e));\n  });\n};\n","import gql from \"graphql-tag\";\nimport { useQuery } from \"@vue/apollo-composable\";\n\nconst q = gql`\n  query getBrandByURL($url: String!) {\n    getBrandByURL(url: $url) {\n      _id\n      brandFetchId\n      name\n      accountId\n      selectedLogo\n      website\n      narrators\n      isDefault\n      colors {\n        hex\n        type\n      }\n      logos {\n        src\n        format\n      }\n      fonts {\n        name\n        src\n      }\n      description\n    }\n  }\n`;\n\nexport default (url, accountId) => {\n  return new Promise((resolve, reject) => {\n    const { onResult, onError } = useQuery(\n      q,\n      { url },\n      {\n        fetchPolicy: \"no-cache\",\n        context: {\n          headers: {\n            \"x-idm-account\": accountId,\n          },\n        },\n      }\n    );\n\n    onResult((resp) => resolve(resp));\n    onError((e) => reject(e));\n  });\n};\n","<template>\n\t<div class=\"branding-logo\">\n\t\t<div class=\"logo-wrapper\" v-for=\"logo, i in logos\" :key=\"i\" @click=\"selectLogo(logo.src)\">\n\t\t\t<div class=\"logo\">\n\t\t\t\t<img class=\"img\" :src=\"logo.src\" :alt=\"`logo_${i}`\">\n\t\t\t</div>\n\t\t\t<div class=\"radio-wrapper\">\n\t\t\t\t<IdmRadio name=\"radio\" :value=\"logo\" :checked=\"selectedLogo === logo.src\"></IdmRadio>\n\t\t\t\t<span class=\"label\">Default logo</span>\n\t\t\t</div>\n\t\t\t<button class=\"btn-remove\" @click.stop=\"removeLogo(i)\">\n\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n\t\t\t\t\t<rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"white\" />\n\t\t\t\t\t<rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#839AA4\" />\n\t\t\t\t\t<path d=\"M14.1668 5.8335L5.8335 14.1668\" stroke=\"#839AA4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t<path d=\"M5.8335 5.8335L14.1668 14.1668\" stroke=\"#839AA4\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t</svg>\n\t\t\t</button>\n\t\t</div>\n\t\t<div class=\"logo-uploader-wrapper\">\n\t\t\t<IdmDragAndDrop class=\"dropzone\" btn-text=\"\" drop-text=\"Add logo\" :file-types=\"['jpg', 'png']\"\n\t\t\t\t:progress-val=\"progressVal\" @file-uploaded=\"handleFileUpload\" />\n\t\t\t<svg class=\"dashed-border\" width=\"149\" height=\"80\" viewBox=\"0 0 149 80\" fill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<rect x=\"0.5\" y=\"0.5\" width=\"148\" height=\"79\" rx=\"7.5\" stroke=\"#ACBCC3\" stroke-dasharray=\"6 6\" />\n\t\t\t</svg>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { useUploadToS3 } from '@/helpers/uploadToS3';\nimport { computed, reactive } from 'vue';\n\n// eslint-disable-next-line\nconst props = defineProps({\n\tlogos: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\tselectedLogo: {\n\t\ttype: String,\n\t\tdefault: null\n\t}\n});\n\n// eslint-disable-next-line\nconst emit = defineEmits(['select-logo', 'file-uploaded', 'remove-logo']);\n\nconst selectLogo = (logo) => {\n\temit('select-logo', logo);\n}\n\nconst fileLoadingInfo = reactive({\n\tloaded: 0,\n\ttotal: 0\n});\n\nconst progressVal = computed(() => fileLoadingInfo.loaded / fileLoadingInfo.total * 100);\n\nconst handleFileUpload = async (file) => {\n\tconst { loaded, total, request } = useUploadToS3(\n\t\tfile,\n\t\tnull,\n\t\tprocess.env.VUE_APP_CUSTOM_CONTENT_URL,\n\t\tprocess.env.VUE_APP_MEDIA_UPLOAD_ENDPOINT,\n\t\tlocalStorage.getItem('auth_userToken')\n\t);\n\n\tfileLoadingInfo.loaded = loaded;\n\tfileLoadingInfo.total = total;\n\n\tconst link = await request;\n\tfileLoadingInfo.loaded = fileLoadingInfo.total = 0;\n\temit('file-uploaded', link);\n}\n\nconst removeLogo = (i) => emit('remove-logo', i);\n</script>\n\n<style lang=\"scss\" scoped>\n.branding-logo {\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tgap: 16px;\n\n\t.logo-wrapper {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\tgap: 8px;\n\t\tcursor: pointer;\n\t\tposition: relative;\n\n\t\t&:hover {\n\t\t\t.btn-remove {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.btn-remove {\n\t\t\tdisplay: none;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: none;\n\t\t\tposition: absolute;\n\t\t\ttop: -10px;\n\t\t\tright: -10px;\n\t\t\tcursor: pointer;\n\n\t\t\tsvg {\n\n\t\t\t\trect,\n\t\t\t\tpath {\n\t\t\t\t\ttransition: stroke .2s ease-in;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tsvg {\n\n\t\t\t\t\trect,\n\t\t\t\t\tpath {\n\t\t\t\t\t\tstroke: #002756;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.logo {\n\t\t\twidth: 157px;\n\t\t\theight: 88px;\n\t\t\tpadding: 8px;\n\t\t\tborder-radius: 8px;\n\t\t\tborder: 1px solid var(--dark-100);\n\t\t\tbackground-color: var(--dark-40);\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\n\t\t\t.img {\n\t\t\t\twidth: 100%;\n\t\t\t\theight: 100%;\n\t\t\t\tobject-fit: contain;\n\t\t\t}\n\t\t}\n\n\t\t.radio-wrapper {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\n\t\t\t.label {\n\t\t\t\tline-height: 20px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.logo-uploader-wrapper {\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid var(--dark-100);\n\t\tbackground: #fff;\n\t\twidth: 158px;\n\t\theight: 90px;\n\t\tpadding: 4px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tposition: relative;\n\n\t\t.dashed-border {\n\t\t\tposition: absolute;\n\t\t\ttop: 3.5px;\n\t\t\tleft: 3.5px;\n\t\t\tz-index: 0;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: var(--dark-300);\n\t\t\tbackground-color: var(--primary-100);\n\n\t\t\t.dashed-border {\n\t\t\t\trect {\n\t\t\t\t\tstroke: var(--dark-300);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.dropzone {\n\t\t\t\tbackground-image: none;\n\n\t\t\t\t:deep() .idm-dropzone {\n\t\t\t\t\t.dropzone-text {\n\t\t\t\t\t\tcolor: var(--dark-300);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.dropzone {\n\t\t\twidth: 151px;\n\t\t\theight: 82px;\n\t\t\tbackground-image: none;\n\n\t\t\t:deep() .k-progressbar {\n\t\t\t\tmargin: auto 28px;\n\t\t\t}\n\n\t\t\t:deep() .idm-dropzone {\n\t\t\t\twidth: unset;\n\t\t\t\theight: unset;\n\t\t\t\tflex-direction: column;\n\t\t\t\tpadding: 12px 40px;\n\t\t\t\tgap: 8px;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tz-index: 10;\n\n\t\t\t\t.dropzone-text {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tcolor: var(--dark-100);\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t}\n\n\t\t\t\t.idm-btn {\n\t\t\t\t\tmin-width: unset;\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\theight: 24px;\n\t\t\t\t\tbackground: url('/src/assets/dropzone-icon.png');\n\t\t\t\t\tborder-radius: 0;\n\n\t\t\t\t\t.idm-icon-container {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>","import script from \"./BrandingLogo.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrandingLogo.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrandingLogo.vue?vue&type=style&index=0&id=5e3ab28d&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-5e3ab28d\"]])\n\nexport default __exports__","export default function (color1 = '#000000', color2 = '#ffffff') {\n  const hexToRgb = (hex) => {\n    hex = hex.replace(/^#/, '');\n    if (hex.length === 3) {\n      hex = hex.split('').map((char) => char + char).join('');\n    }\n    const int = parseInt(hex, 16);\n    return {\n      r: (int >> 16) & 255,\n      g: (int >> 8) & 255,\n      b: int & 255,\n    };\n  };\n\n  const rgbToHex = ({ r, g, b }) => {\n    const toHex = (value) => value.toString(16).padStart(2, '0');\n    return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n  };\n\n  const mixColors = (colorA, colorB, percent) => {\n    return {\n      r: Math.round(colorA.r + percent * (colorB.r - colorA.r)),\n      g: Math.round(colorA.g + percent * (colorB.g - colorA.g)),\n      b: Math.round(colorA.b + percent * (colorB.b - colorA.b)),\n    };\n  };\n\n  const primary = hexToRgb(color1);\n  const secondary = hexToRgb(color2);\n\n  const dark = mixColors(primary, secondary, 0.5); // 50% tint\n  const accent = mixColors(primary, secondary, 0.8); // 80% tint\n\n  return {\n    dark: rgbToHex(dark),\n    accent: rgbToHex(accent),\n  };\n}\n","<template>\n\t<div class=\"colors\" ref=\"container\">\n\t\t<div class=\"main\" :class=\"{ overflow: colorPickerOverflow }\">\n\t\t\t<div class=\"color\" :class=\"{ primary: i === 0, secondary: i === 1, active: selectedColor === color.id }\"\n\t\t\t\tv-for=\"color, i in colorsGrouped.main\" :key=\"i\" :style=\"{ backgroundColor: color.hex }\"\n\t\t\t\t@click=\"selectColor(color.id)\">\n\t\t\t\t<IdmColorPicker class=\"color-picker\" :alpha-visible=\"false\" :hex=\"color.hex\" @click.stop\n\t\t\t\t\t@color-changed=\"handleColorPicker($event, color.id)\" v-if=\"color.id === selectedColor\" />\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"additional\" :class=\"{ overflow: colorPickerOverflow }\">\n\t\t\t<div class=\"color-wrapper\" v-for=\"color, i in colorsGrouped.additional\" :key=\"i\" @click=\"selectColor(color.id)\">\n\t\t\t\t<IdmColorPicker class=\"color-picker\" :alpha-visible=\"false\" :hex=\"color.hex\" @click.stop\n\t\t\t\t\t@color-changed=\"handleColorPicker($event, color.id)\" v-if=\"color.id === selectedColor\" />\n\t\t\t\t<div class=\"color\" :class=\"{ dark: i === 0, accent: i === 1, active: selectedColor === color.id }\"\n\t\t\t\t\t:style=\"{ backgroundColor: color.hex }\">\n\t\t\t\t\t<button class=\"btn-remove\" v-if=\"i > 1\" @click=\"removeColor(color.id)\">\n\t\t\t\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\">\n\t\t\t\t\t\t\t<rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" fill=\"white\" />\n\t\t\t\t\t\t\t<rect x=\"0.5\" y=\"0.5\" width=\"19\" height=\"19\" rx=\"9.5\" stroke=\"#839AA4\" />\n\t\t\t\t\t\t\t<path d=\"M14.1668 5.8335L5.8335 14.1668\" stroke=\"#839AA4\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t\t\t\t\t<path d=\"M5.8335 5.8335L14.1668 14.1668\" stroke=\"#839AA4\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"color add-btn\" @click=\"addColor\" v-if=\"!addBtnIsDisabled\">\n\t\t\t\t<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path d=\"M9 0.599609V17.3996\" stroke=\"#ACBCC3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t<path d=\"M0.600098 8.99951H17.4001\" stroke=\"#ACBCC3\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t</svg>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onBeforeUnmount, nextTick, toRefs, watch, reactive } from 'vue';\nimport generateColors from '@/helpers/generateColors';\nimport { store } from \"@/store\";\n\n// eslint-disable-next-line\nconst props = defineProps({\n\tcolors: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n});\n// eslint-disable-next-line\nconst emit = defineEmits(['add-color', 'change-color', 'remove-color']);\n\nconst { colors } = toRefs(props);\nconst selectedBrand = computed(() => store.state.selectedBrand);\n\nconst colorsFormatted = computed(() => {\n\treturn colors.value?.map((item, index) => {\n\t\treturn { ...item, id: index };\n\t});\n})\n\nconst colorsGrouped = computed(() => {\n\treturn {\n\t\tmain: colorsFormatted.value.filter((item, i) => i < 2),\n\t\tadditional: colorsFormatted.value.filter((item, i) => i > 1)\n\t}\n})\n\nconst container = ref(null);\nconst colorPickerOverflow = ref(false);\nconst isColorPickerOverflowing = () => {\n\tconst containerRect = container.value.getBoundingClientRect();\n\tconst colorPicker = document.querySelector('.color-picker');\n\tconst elementRect = colorPicker.getBoundingClientRect();\n\treturn elementRect.right > containerRect.right\n}\n\n\nconst selectedColor = ref(null);\nconst selectColor = (id) => {\n\tcolorPickerOverflow.value = false;\n\tselectedColor.value = selectedColor.value === id ? null : id;\n\tif (selectedColor.value) {\n\t\tnextTick(() => {\n\t\t\tcolorPickerOverflow.value = isColorPickerOverflowing();\n\t\t})\n\t}\n};\n\nconst handleColors = () => {\n\tif (colorsFormatted.value.length < 1 || colorsFormatted.value.length > 3) return;\n\tconst generatedColors = generateColors(colors.value?.[0]?.hex);\n\twhile (colorsFormatted.value.length < 4) {\n\t\tconst index = colorsFormatted.value.length;\n\t\tlet color = null;\n\t\tswitch (index) {\n\t\t\tcase 0:\n\t\t\t\tcolor = '#000000';\n\t\t\t\tbreak;\n\t\t\tcase 1:\n\t\t\t\tcolor = '#ffffff';\n\t\t\t\tbreak;\n\t\t\tcase 2:\n\t\t\t\tcolor = generatedColors.dark;\n\t\t\t\tbreak;\n\t\t\tcase 3:\n\t\t\t\tcolor = generatedColors.accent;\n\t\t\t\tbreak;\n\t\t\tdefault:\n\t\t\t\tcolor = '#000000'\n\t\t}\n\n\t\temit('add-color', color );\n\t}\n}\n\nhandleColors();\nwatch(() => colors.value.length, handleColors);\n\nconst colorsWereChangedManually = reactive([false, false]);\n\nwatch(\n  () => [selectedBrand.value._id, selectedBrand.value.brandFetchId],\n  () => {\n    colorsWereChangedManually[0] = colorsWereChangedManually[1] = !!selectedBrand.value.brandFetchId;\n  }\n);\n\nconst handleColorPicker = (color, id) => {\n\tconst currentColor = colorsFormatted.value.findIndex(el => el.id === id);\n\n\tif (id === 2) colorsWereChangedManually[0] = true;\n\tif (id === 3) colorsWereChangedManually[1] = true;\n\n\temit('change-color', { index: currentColor, color: color.hex });\n\n\tif (currentColor === 0) {\n\t\tconst generatedColors = generateColors(colors.value[0].hex);\n\t\tObject.values(generatedColors).forEach((color, i) => {\n\t\t\tif ((i === 0 && colorsWereChangedManually[0]) || (i === 1 && colorsWereChangedManually[1])) return;\n\n\t\t\temit('change-color', {\n\t\t\t\tindex: i + 2,\n\t\t\t\tcolor: color\n\t\t\t});\n\t\t});\n\t}\n};\n\n\nconst addBtnIsDisabled = computed(() => colorsGrouped.value.additional.length === 6);\nconst addColor = () => {\n\tif (addBtnIsDisabled.value) return;\n\tcolorPickerOverflow.value = false;\n\tselectedColor.value = null;\n\tconst color = '#000000';\n\temit('add-color', color);\n\tselectColor(color.id);\n}\n\nconst removeColor = (id) => {\n\temit('remove-color', id);\n}\n\nconst handleClickOutside = (event) => {\n\tconst colorPicker = document.querySelector('.color-picker');\n\tif (colorPicker && !event.target.classList.contains('color') && !colorPicker.contains(event.target)) {\n\t\tselectedColor.value = null;\n\t}\n}\n\nonMounted(() => {\n\tcolorsWereChangedManually[0] = colorsWereChangedManually[1] = !!selectedBrand.value.brandFetchId;\n\tdocument.addEventListener('click', handleClickOutside)\n})\n\nonBeforeUnmount(() => {\n\tdocument.removeEventListener('click', handleClickOutside)\n})\n\n</script>\n\n<style lang=\"scss\" scoped>\n.colors {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 16px;\n\twidth: 100%;\n\n\t.main,\n\t.additional {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 16px;\n\t\tposition: relative;\n\n\t\t.color-picker {\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tleft: 50%;\n\t\t\tbackground-color: #FAFAFA;\n\t\t\tfilter: drop-shadow(0px 5px 20px rgba(7, 53, 74, 0.40));\n\t\t\tz-index: 10;\n\t\t\twidth: 354px;\n\t\t\tborder-radius: 8px;\n\t\t}\n\t}\n\n\t.main.overflow {\n\t\t.color {\n\t\t\tposition: unset;\n\n\t\t\t.color-picker {\n\t\t\t\tleft: unset;\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.additional.overflow {\n\t\t.color-wrapper {\n\t\t\tposition: unset;\n\n\t\t\t.color-picker {\n\t\t\t\tleft: unset;\n\t\t\t\tright: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.color-wrapper {\n\t\tposition: relative;\n\t}\n\n\t.color {\n\t\tborder-radius: 8px;\n\t\tborder: 1px solid var(--dark-100);\n\t\twidth: 56px;\n\t\theight: 56px;\n\t\tposition: relative;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tbackground-color: #fff;\n\t\tcursor: pointer;\n\t\toutline: 0px solid var(--primary-600);\n\n\t\t&:hover {\n\t\t\t.btn-remove {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.btn-remove {\n\t\t\tdisplay: none;\n\t\t\tbackground-color: transparent;\n\t\t\tborder: none;\n\t\t\tposition: absolute;\n\t\t\ttop: -10px;\n\t\t\tright: -10px;\n\t\t\tcursor: pointer;\n\n\t\t\tsvg {\n\n\t\t\t\trect,\n\t\t\t\tpath {\n\t\t\t\t\ttransition: stroke .2s ease-in;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tsvg {\n\n\t\t\t\t\trect,\n\t\t\t\t\tpath {\n\t\t\t\t\t\tstroke: #002756;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: var(--primary-500);\n\t\t}\n\n\t\t&.active {\n\t\t\tborder-color: transparent;\n\t\t\toutline-width: 2px;\n\n\t\t\t.btn-remove {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.add-btn {\n\t\t\t&:hover {\n\t\t\t\tborder-color: #002756;\n\n\t\t\t\tsvg {\n\t\t\t\t\tpath {\n\t\t\t\t\t\tstroke: #002756;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.primary,\n\t\t&.secondary {\n\t\t\twidth: 96px;\n\t\t\theight: 96px;\n\t\t}\n\t}\n\n}\n</style>","import script from \"./BrandingColors.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrandingColors.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrandingColors.vue?vue&type=style&index=0&id=f7506cc8&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-f7506cc8\"]])\n\nexport default __exports__","<template>\n\t<div class=\"title-wrapper\" ref=\"title\" :style=\"styles\" @mouseenter=\"handleMouseEnter\" @mouseleave=\"handleMouseLeave\">\n\t\t<span class=\"title\" :class=\"{ overflowing: isOverflowing }\">{{ content }}</span>\n\t\t<span class=\"last-characters\" v-if=\"isOverflowing\">{{ titleEnding }}</span>\n\t\t<div class=\"tooltip\" v-if=\"isOverflowing\" v-show=\"tooltipIsShown\">{{ content }}</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed, toRefs, watch, nextTick, onMounted } from 'vue';\n\n// eslint-disable-next-line\nconst props = defineProps({\n\tcontent: {\n\t\ttype: String,\n\t\trequired: true\n\t},\n\twidth: {\n\t\ttype: Number,\n\t\tdefault: 200\n\t},\n})\n\nconst { content, width } = toRefs(props);\n\nconst title = ref(null);\nconst isOverflowing = ref(null);\n\nconst titleEnding = computed(() => isOverflowing.value ? `...${content.value.slice(-4)}` : null);\n\nconst getOverflow = (elem) => {\n\tconst isOverflowing = elem.scrollWidth > elem.clientWidth;\n\treturn isOverflowing;\n}\n\nconst tooltipIsShown = ref(false);\nconst tooltipTimeout = ref(null);\nconst handleMouseEnter = () => {\n\ttooltipTimeout.value = setTimeout(() => {\n\t\ttooltipIsShown.value = true;\n\t}, 1500);\n};\n\nconst handleMouseLeave = () => {\n\tclearTimeout(tooltipTimeout.value);\n\ttooltipIsShown.value = false;\n};\n\nconst styles = computed(() => {\n\treturn {\n\t\t'max-width': `${width.value}px`\n\t}\n})\n\nwatch(content, () => {\n\tisOverflowing.value = false;\n\tnextTick(() => {\n\t\tisOverflowing.value = getOverflow(title.value);\n\t});\n})\n\nonMounted(() => {\n\tnextTick(() => {\n\t\tisOverflowing.value = getOverflow(title.value);\n\t});\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.title-wrapper {\n\tdisplay: flex;\n\talign-items: center;\n\tposition: relative;\n\twhite-space: nowrap;\n\n\t.title {\n\t\twhite-space: nowrap;\n\n\n\t\t&.overflowing {\n\t\t\toverflow: hidden;\n\t\t}\n\t}\n\n\t.tooltip {\n\t\tpadding: 2px 8px;\n\t\tborder-radius: 6px;\n\t\tbackground: #5A7886;\n\t\tcolor: #fff;\n\t\tfont-size: 14px;\n\t\tline-height: 17px;\n\t\tposition: absolute;\n\t\ttop: calc(100% + 14px);\n\t\tleft: 0;\n\t\twidth: 250px;\n\t\tz-index: 100;\n\t\tword-break: break-all;\n\t\tpointer-events: none;\n\t\twhite-space: normal;\n\t}\n}\n</style>","import script from \"./TextTruncation.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./TextTruncation.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./TextTruncation.vue?vue&type=style&index=0&id=c85fc24c&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-c85fc24c\"]])\n\nexport default __exports__","<template>\n\t<div class=\"brands-dropdown\" :class=\"{ active: isActive }\" ref=\"dropdownRef\">\n\t\t<button class=\"dropdown-btn\" @click=\"toggleDropdown\">\n\t\t\t<div class=\"info\">\n\t\t\t\t<svg width=\"18\" height=\"18\" viewBox=\"0 0 18 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t<path fill-rule=\"evenodd\" clip-rule=\"evenodd\"\n\t\t\t\t\t\td=\"M13.7559 1.98535H4.68014L1 6.34667L8.98489 16.0139L16.9997 6.31003L13.7559 1.98535ZM4.68014 0.985352C4.38551 0.985352 4.10587 1.11528 3.91587 1.34045L0.235732 5.70177C-0.0760184 6.07123 -0.0788538 6.61079 0.228996 6.9835L8.21388 16.6507C8.61385 17.135 9.35595 17.135 9.75591 16.6507L17.7707 6.94685C18.0648 6.59073 18.0768 6.0795 17.7996 5.71001L14.5559 1.38532C14.367 1.13353 14.0707 0.985352 13.7559 0.985352H4.68014Z\"\n\t\t\t\t\t\tfill=\"#07354A\" />\n\t\t\t\t\t<line x1=\"1\" y1=\"6.48535\" x2=\"17\" y2=\"6.48535\" stroke=\"#07354A\" />\n\t\t\t\t\t<path d=\"M12 6.98535L9 14.9854L6 6.98535\" stroke=\"#07354A\" stroke-linecap=\"round\" />\n\t\t\t\t</svg>\n\t\t\t\t<TextTruncation class=\"label\" :content=\"selectedBrandPlaceholder\" :width=\"displaySelectedLogo ? 192 : 220\"></TextTruncation>\n\t\t\t\t<div class=\"logo-wrapper\" v-if=\"displaySelectedLogo\">\n\t\t\t\t\t<img :src=\"selectedBrand.selectedLogo\" alt=\"brand-logo\">\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<svg class=\"dropdown-arrow\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path d=\"M1 1L5 5L9 1\" stroke=\"#07354A\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</button>\n\t\t<ul class=\"list\" v-if=\"isActive\">\n\t\t\t<li class=\"list-item\" v-for=\"brand in brandsFiltered\" :key=\"brand._id\" @click=\"changeBrand(brand._id)\">\n\t\t\t\t<div class=\"option-wrapper\">\n\t\t\t\t\t<IdmRadio value=\"2\" :checked=\"brand._id === selectedBrand?._id\"></IdmRadio>\n\t\t\t\t\t<TextTruncation class=\"option\" :content=\"brand.name\" :width=\"brand.selectedLogo ? 170 : 220\"></TextTruncation>\n\t\t\t\t\t<div class=\"logo-wrapper\" v-if=\"brand.selectedLogo\">\n\t\t\t\t\t\t<img :src=\"brand.selectedLogo\" alt=\"brand-logo\">\n\t\t\t\t\t</div>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"actions-wrapper\">\n\t\t\t\t\t<button class=\"btn delete\" @click.stop=\"deleteBrand(brand._id)\">\n\t\t\t\t\t\t<svg width=\"12\" height=\"17\" viewBox=\"0 0 12 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M2.08988 15.3336L1.21211 5.26514H10.7878L9.91004 15.3336C9.85249 15.9938 9.29978 16.5004 8.63709 16.5004H3.36283C2.70014 16.5004 2.14743 15.9938 2.08988 15.3336Z\"\n\t\t\t\t\t\t\t\tstroke=\"#07354A\" />\n\t\t\t\t\t\t\t<line x1=\"1.16663\" y1=\"3.32373\" x2=\"10.8333\" y2=\"3.32373\" stroke=\"#07354A\" stroke-linecap=\"round\" />\n\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\td=\"M8.66671 2.88235V2.88235C8.66671 1.84276 7.82395 1 6.78435 1H5.21573C4.17613 1 3.33337 1.84276 3.33337 2.88235V2.88235\"\n\t\t\t\t\t\t\t\tstroke=\"#07354A\" />\n\t\t\t\t\t\t\t<line x1=\"4.72217\" y1=\"6.64697\" x2=\"4.72217\" y2=\"14.1764\" stroke=\"#07354A\" />\n\t\t\t\t\t\t\t<line x1=\"7.38892\" y1=\"6.64697\" x2=\"7.38892\" y2=\"14.1764\" stroke=\"#07354A\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t\t<li class=\"list-item remove-selection\" @click=\"changeBrand(null)\">\n\t\t\t\t<div class=\"option-wrapper\">\n\t\t\t\t\t<IdmRadio value=\"2\" :checked=\"noBrandsApplied\"></IdmRadio>\n\t\t\t\t\t<span class=\"option\">No brand applied</span>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t\t<li class=\"list-item add\" @click=\"addBrand\">\n\t\t\t\t<span>Add brand</span>\n\t\t\t\t<div class=\"actions-wrapper\">\n\t\t\t\t\t<button class=\"btn add\">\n\t\t\t\t\t\t<svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t<path d=\"M8 3V13\" stroke=\"#07354A\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t\t<path d=\"M3 8H13\" stroke=\"#07354A\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t</svg>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</li>\n\t\t</ul>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, toRefs, computed, onMounted, onBeforeUnmount } from 'vue';\nimport TextTruncation from './TextTruncation.vue';\n// eslint-disable-next-line\nconst props = defineProps({\n\tbrands: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\tselectedBrand: {\n\t\ttype: Object,\n\t\tdefault: null\n\t}\n});\n\nconst { brands, selectedBrand } = toRefs(props);\n// eslint-disable-next-line\nconst emit = defineEmits(['add-brand', 'change-brand']);\n\nconst brandsFiltered = computed(() => brands.value.filter(item => item._id));\nconst displaySelectedLogo = computed(() => selectedBrand.value?._id && selectedBrand.value?.selectedLogo);\n\nconst isActive = ref(false);\nconst toggleDropdown = (value) => {\n\tif (value instanceof Event) {\n\t\tvalue = null;\n\t}\n\tisActive.value = value ?? !isActive.value;\n}\n\nconst selectedBrandPlaceholder = computed(() => {\n\tconst brand = brands.value.find(obj => obj._id === selectedBrand?.value._id);\n\treturn brand ? brand?.name : selectedBrand?.value.isDefault ? 'Add brand' : 'No brand applied';\n});\n\nconst dropdownRef = ref(null);\nconst handleClickOutside = (event) => {\n\tif (dropdownRef.value && !dropdownRef.value.contains(event.target)) {\n\t\ttoggleDropdown(false);\n\t}\n}\n\nconst noBrandsApplied = computed(() => {\n\treturn !selectedBrand.value?._id && !selectedBrand.value?.isDefault;\n})\n\nconst changeBrand = (id) => {\n\temit('change-brand', id);\n}\n\nconst addBrand = () => {\n\ttoggleDropdown();\n\temit('add-brand');\n};\n\nconst deleteBrand = (id) => {\n\temit('delete-brand', id);\n}\n\nonMounted(() => {\n\tdocument.addEventListener('click', handleClickOutside)\n})\n\nonBeforeUnmount(() => {\n\tdocument.removeEventListener('click', handleClickOutside)\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.brands-dropdown {\n\tposition: relative;\n\n\t.dropdown-btn {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 8px;\n\t\tborder: none;\n\t\tborder-radius: 4px;\n\t\tpadding: 4px 8px;\n\t\tbackground: var(--dark-40);\n\t\twidth: 304px;\n\t\tcolor: var(--dark-500);\n\t\tfont-size: 16px;\n\t\tline-height: 20px;\n\t\tcursor: pointer;\n\n\t\t.info {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tgap: 8px;\n\t\t\twidth: 100%;\n\n\t\t\t.label {\n\t\t\t\tpadding-bottom: 2px;\n\t\t\t}\n\t\t}\n\n\t\t.dropdown-arrow {\n\t\t\ttransition: transform 0.2s ease-in;\n\t\t}\n\t}\n\n\t&.active {\n\t\t.dropdown-arrow {\n\t\t\ttransform: rotate(180deg);\n\t\t}\n\t}\n\n\t.logo-wrapper {\n\t\tmargin-left: auto;\n\t\tpadding: 2px;\n\t\tborder-radius: 4px;\n\t\tbackground: var(--dark-40);\n\t\twidth: 42px;\n\t\theight: 24px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\n\t\timg {\n\t\t\tmax-width: 100%;\n\t\t\tmax-height: 100%;\n\t\t}\n\t}\n\n\t.list {\n\t\tlist-style: none;\n\t\tposition: absolute;\n\t\tleft: 0;\n\t\ttop: calc(100% + 8px);\n\t\twidth: 100%;\n\t\tborder-radius: 8px;\n\t\tbackground-color: #fff;\n\t\tbox-shadow: 0px 5px 20px 0px rgba(7, 53, 74, 0.40);\n\t\tz-index: 100;\n\n\t\t.list-item {\n\t\t\tpadding: 6px 12px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tgap: 8px;\n\t\t\tfont-size: 16px;\n\t\t\tline-height: 20px;\n\t\t\tcursor: pointer;\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-bottom: 1px solid var(--natural-50);\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: var(--primary-200);\n\t\t\t}\n\n\t\t\t.option-wrapper {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\twidth: 100%;\n\n\t\t\t\t.option {\n\t\t\t\t\tpadding-bottom: 2px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.actions-wrapper {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\n\t\t\t\t.btn {\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\theight: 24px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tborder-radius: 4px;\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\talign-items: center;\n\t\t\t\t}\n\n\t\t\t\t.delete {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tsvg {\n\t\t\t\t\t\t\tpath {\n\t\t\t\t\t\t\t\tstroke: var(--dark-200);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.add {\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: var(--primary-400);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>","import script from \"./BrandsDropdown.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrandsDropdown.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrandsDropdown.vue?vue&type=style&index=0&id=728b0b24&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-728b0b24\"]])\n\nexport default __exports__","<template>\n\t<div class=\"brand-preview\">\n\t\t<div class=\"top-section\">\n\t\t\t<div class=\"preview-block-1\" :style=\"{ backgroundColor: colorsInfo.primary }\">\n\t\t\t\t<div class=\"logo\" :class=\"{ placeholder: !logo }\"><img v-if=\"logo\" class=\"img\" :src=\"logo\" alt=\"logo\">\n\t\t\t\t\t<span class=\"text\" v-if=\"!logo\">Your Logo</span>\n\t\t\t\t\t<svg class=\"border-dashed\" width=\"73\" height=\"49\" viewBox=\"0 0 73 49\" fill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect x=\"1.04342\" y=\"1.26217\" width=\"70.7541\" height=\"46.8852\" rx=\"6.39344\" stroke=\"white\"\n\t\t\t\t\t\t\tstroke-width=\"0.852459\" stroke-dasharray=\"5.11 5.11\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<p class=\"text\" :style=\"{ color: colorsInfo.secondary, ...fontsByType.title }\">Creating\n\t\t\t\t\tSpace for\n\t\t\t\t\tExcellence</p>\n\t\t\t\t<button class=\"btn-example\"\n\t\t\t\t\t:style=\"{ color: colorsInfo.secondary, backgroundColor: colorsInfo.accent, ...fontsByType.button }\">Learn\n\t\t\t\t\tMore</button>\n\t\t\t</div>\n\t\t\t<div class=\"image\">\n\t\t\t\t<img src=\"@/assets/preview-1.png\" alt=\"preview-1\">\n\t\t\t</div>\n\t\t</div>\n\t\t<div class=\"bottom-section\">\n\t\t\t<div class=\"preview-block-2\">\n\t\t\t\t<img class=\"img\" src=\"@/assets/preview-2.png\" alt=\"preview-2\">\n\t\t\t\t<div class=\"preview-area block-1\" :style=\"{ color: colorsInfo.primary, backgroundColor: colorsInfo.secondary }\">\n\t\t\t\t\t<span class=\"number\" :style=\"{ ...fontsByType.title }\">32%</span><span class=\"text\"\n\t\t\t\t\t\t:style=\"{ ...fontsByType.subtitle }\">Growth Rate</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"preview-area block-2\" :style=\"{ color: colorsInfo.secondary, backgroundColor: colorsInfo.primary }\">\n\t\t\t\t\t<span class=\"number\" :style=\"{ ...fontsByType.title }\">80%</span><span class=\"text\"\n\t\t\t\t\t\t:style=\"{ ...fontsByType.subtitle }\">Return on investment</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"preview-area block-3\" :style=\"{ backgroundColor: colorsInfo.accent }\"></div>\n\t\t\t</div>\n\t\t\t<div class=\"preview-block-3\">\n\t\t\t\t<img class=\"img\" src=\"@/assets/preview-3.png\" alt=\"preview-3\">\n\t\t\t\t<div class=\"logo\" :class=\"{ placeholder: !logo }\"><img v-if=\"logo\" class=\"img\" :src=\"logo\" alt=\"logo\">\n\t\t\t\t\t<span class=\"text\" v-if=\"!logo\">Your Logo</span>\n\t\t\t\t\t<svg class=\"border-dashed\" width=\"42\" height=\"28\" viewBox=\"0 0 73 49\" fill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<rect x=\"1.04342\" y=\"1.26217\" width=\"70.7541\" height=\"46.8852\" rx=\"6.39344\" stroke=\"white\"\n\t\t\t\t\t\t\tstroke-width=\"0.852459\" stroke-dasharray=\"5.11 5.11\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</div>\n\t\t\t\t<ul class=\"list\">\n\t\t\t\t\t<li class=\"list-item\"\n\t\t\t\t\t\t:style=\"{ backgroundColor: colorsInfo.primary, color: colorsInfo.secondary, ...fontsByType.subtitle }\"\n\t\t\t\t\t\tv-for=\"text, i in previewBlock3Rows\" :key=\"i\">\n\t\t\t\t\t\t<div class=\"circle\" :style=\"{ backgroundColor: colorsInfo.accent }\"></div><span class=\"text\">{{ text\n\t\t\t\t\t\t\t}}</span>\n\t\t\t\t\t</li>\n\t\t\t\t</ul>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed, toRefs } from 'vue';\n// eslint-disable-next-line\nconst props = defineProps({\n\tlogo: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tcolors: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\tfonts: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t}\n});\n\nconst { logo, colors, fonts } = toRefs(props);\n\nconst previewBlock3Rows = ref(['Grow wealth with confidence', 'Achieve lasting financial goals', 'Plan smarter, save better']);\n\nconst colorsInfo = computed(() => {\n\treturn {\n\t\tprimary: colors.value?.[0]?.hex,\n\t\tsecondary: colors.value?.[1]?.hex,\n\t\taccent: colors.value?.[2]?.hex,\n\t}\n})\n\nconst fontsByType = computed(() => {\n\treturn {\n\t\ttitle: { fontFamily: `\"${fonts.value[0]?.name}\"` },\n\t\tsubtitle: { fontFamily: `\"${fonts.value[1]?.name}\"` },\n\t\tbutton: { fontFamily: `\"${fonts.value[2]?.name}\"` },\n\t}\n})\n</script>\n\n<style lang=\"scss\" scoped>\n.brand-preview {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 26px;\n\n\t.top-section,\n\t.bottom-section {\n\t\tdisplay: flex;\n\t}\n\n\t.logo {\n\t\tposition: relative;\n\t\twidth: 72px;\n\t\theight: 48px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: 6.82px;\n\n\t\t.img {\n\t\t\tposition: unset !important;\n\t\t\tobject-fit: contain;\n\t\t\tmax-width: 100%;\n\t\t\tmax-height: 100%;\n\t\t}\n\n\t\t&.placeholder {\n\t\t\tbackground-color: rgba(255, 255, 255, .2);\n\n\t\t\t.border-dashed {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t.text {\n\t\t\tcolor: #FFF;\n\t\t\tfont-size: 10.911px;\n\t\t\tfont-weight: 500;\n\t\t\tline-height: 11.252px;\n\t\t}\n\n\t\t.border-dashed {\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t}\n\t}\n\n\t.top-section {\n\n\t\t.preview-block-1,\n\t\t.image {\n\t\t\twidth: 208px;\n\t\t\theight: 234px;\n\t\t}\n\n\t\t.preview-block-1 {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tgap: 15px;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tbackground-color: #000;\n\n\t\t\t.logo {\n\t\t\t\t.border-dashed {\n\t\t\t\t\ttop: -1px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp.text {\n\t\t\t\tcolor: #FFF;\n\t\t\t\ttext-align: center;\n\t\t\t\tfont-size: 21px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tline-height: 23.869px;\n\t\t\t\tletter-spacing: 0.21px;\n\t\t\t\tmax-width: 121px;\n\t\t\t}\n\n\t\t\t.btn-example {\n\t\t\t\tcolor: #FFF;\n\t\t\t\tfont-size: 14px;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tline-height: normal;\n\t\t\t\tletter-spacing: 0.14px;\n\t\t\t\tborder-radius: 21.46px;\n\t\t\t\tbackground: #808080;\n\t\t\t\tborder: none;\n\t\t\t\tpadding: 3px 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.bottom-section {\n\t\tgap: 26px;\n\n\t\t.preview-block-2,\n\t\t.preview-block-3 {\n\t\t\tposition: relative;\n\t\t\twidth: 195px;\n\n\t\t\t.img {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tleft: 0;\n\t\t\t\tz-index: -1;\n\t\t\t}\n\t\t}\n\n\t\t.preview-block-2 {\n\t\t\tpadding: 25px 11px 40px;\n\n\t\t\t.preview-area {\n\t\t\t\twidth: 97.397px;\n\t\t\t\theight: 97.397px;\n\t\t\t\tborder-radius: 26.413px;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t.number {\n\t\t\t\t\tfont-size: 37.968px;\n\t\t\t\t\tfont-style: normal;\n\t\t\t\t\tfont-weight: 700;\n\t\t\t\t\tline-height: normal;\n\t\t\t\t\tletter-spacing: -1.519px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.text {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tfont-weight: 600;\n\t\t\t\t\tline-height: 14.857px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tmax-width: 69px;\n\t\t\t\t}\n\n\t\t\t\t&.block-1 {\n\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\tcolor: #000;\n\t\t\t\t}\n\n\t\t\t\t&.block-2 {\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\tmargin-left: 86px;\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tcolor: #fff;\n\t\t\t\t}\n\n\t\t\t\t&.block-3 {\n\t\t\t\t\tmargin-top: 36px;\n\t\t\t\t\tmargin-left: 24px;\n\t\t\t\t\twidth: 39.619px;\n\t\t\t\t\theight: 39.619px;\n\t\t\t\t\tborder-radius: 6.603px;\n\t\t\t\t\tbackground: #808080;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.preview-block-3 {\n\t\t\theight: 195px;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\tjustify-content: space-between;\n\n\t\t\t.logo {\n\t\t\t\tmargin-top: 15px;\n\t\t\t\tmargin-left: 17px;\n\t\t\t\twidth: 42px;\n\t\t\t\theight: 28px;\n\t\t\t\tborder-radius: 4px;\n\n\t\t\t\t.text {\n\t\t\t\t\tcolor: #FFF;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tfont-size: 6.4px;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tline-height: 6.6px;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\t.list {\n\t\t\t\tlist-style: none;\n\n\t\t\t\t.list-item {\n\t\t\t\t\tpadding: 6px 18px 6px 8px;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tgap: 6px;\n\t\t\t\t\tbackground-color: #000;\n\t\t\t\t\tcolor: #fff;\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tborder-bottom: 2px solid #fff;\n\t\t\t\t\t}\n\n\t\t\t\t\t.circle {\n\t\t\t\t\t\twidth: 8.254px;\n\t\t\t\t\t\theight: 8.254px;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\tbackground-color: #808080;\n\t\t\t\t\t\t;\n\t\t\t\t\t}\n\n\t\t\t\t\t.text {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tfont-size: 10px;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\tline-height: 14.857px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>","import script from \"./BrandPreview.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrandPreview.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrandPreview.vue?vue&type=style&index=0&id=653ea0c6&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-653ea0c6\"]])\n\nexport default __exports__","<template>\n\t<div class=\"custom-font-dropdown\" :class=\"{ active: dropdownIsActive }\" ref=\"dropdownRef\">\n\t\t<button class=\"dropdown-btn\" @click=\"toggleDropdown\">\n\t\t\t<span class=\"font-label\">{{ label }}</span>\n\t\t\t<svg class=\"dropdown-arrow\" width=\"10\" height=\"6\" viewBox=\"0 0 10 6\" fill=\"none\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t<path d=\"M1 1L5 5L9 1\" stroke=\"#07354A\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t</svg>\n\t\t</button>\n\t\t<div class=\"dropdown-content\" :class=\"{ 'align-right': alignRight }\" v-show=\"dropdownIsActive\">\n\t\t\t<IdmUploadFont class=\"font-uploader\" :customContentUrl=\"customContentUrl\"\n\t\t\t\t:customUploadEndpoint=\"customUploadEndpoint\" :authHeader=\"authHeader\" @upload-font=\"uploadFont\"\n\t\t\t\t@upload-error=\"handleUploadError\"></IdmUploadFont>\n\t\t\t<div class=\"dropdown-section uploaded-fonts\" v-if=\"uploadedFonts.length > 0\">\n\t\t\t\t<h5 class=\"dropdown-section-title\">Uploaded fonts</h5>\n\t\t\t\t<div v-for=\"(font, index) in uploadedFonts\" :key=\"index\" class=\"font-item\"\n\t\t\t\t\t:class=\"{ selected: font.name === selectedFont?.name }\" :style='{ fontFamily: `\"${font.name}\"` }'\n\t\t\t\t\t@click=\"changeFont(font)\">\n\t\t\t\t\t<svg v-if=\"font.name === selectedFont?.name\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t\t<path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"#1A6DFF\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"font-family\">{{ font.name }}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"dropdown-section\">\n\t\t\t\t<div v-for=\"(font, index) in visibleFonts\" :key=\"index\" class=\"font-item\"\n\t\t\t\t\t:class=\"{ selected: font.family === selectedFont?.name }\" :style='{ fontFamily: `\"${font.family}\"` }'\n\t\t\t\t\t@click=\"changeFont(font)\">\n\t\t\t\t\t<svg v-if=\"font.family === selectedFont?.name\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\" fill=\"none\">\n\t\t\t\t\t\t<path d=\"M13.3332 4L5.99984 11.3333L2.6665 8\" stroke=\"#1A6DFF\" stroke-width=\"2\" stroke-linecap=\"round\"\n\t\t\t\t\t\t\tstroke-linejoin=\"round\" />\n\t\t\t\t\t</svg>\n\t\t\t\t\t<span class=\"font-family\">{{ font.family }}</span>\n\t\t\t\t</div>\n\t\t\t\t<div class=\"trigger\" ref=\"loadTrigger\"></div>\n\t\t\t</div>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onBeforeUnmount, watch, toRefs } from \"vue\";\nimport { store } from \"@/store\";\n// eslint-disable-next-line\nconst props = defineProps({\n\tfonts: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\tuploadedFonts: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\talignRight: {\n\t\ttype: Boolean,\n\t},\n\tselectedFont: {\n\t\ttype: Object,\n\t\tdefault: () => { }\n\t}\n});\n\nconst authHeader = `Bearer ${localStorage.getItem('auth_userToken')}`;\nconst customContentUrl = process.env.VUE_APP_CUSTOM_CONTENT_URL;\nconst customUploadEndpoint = process.env.VUE_APP_MEDIA_UPLOAD_ENDPOINT;\n\nconst { fonts, uploadedFonts, selectedFont } = toRefs(props);\n// eslint-disable-next-line\nconst emit = defineEmits(['change-font']);\n\nconst dropdownIsActive = ref(false);\nconst toggleDropdown = () => dropdownIsActive.value = !dropdownIsActive.value;\n\n// Lazy-load fonts\nconst visibleCount = ref(10);\nconst loadTrigger = ref(null);\n\nconst visibleFonts = computed(() => fonts.value.slice(0, visibleCount.value));\n\nconst loadFont = (fontName) => {\n\tconst existingLink = Array.from(document.head.getElementsByTagName('link')).find(link =>\n\t\tlink.href.includes(fontName.replace(/\\s+/g, \"+\"))\n\t);\n\n\tif (existingLink) return;\n\n\tconst link = document.createElement(\"link\");\n\tlink.rel = \"stylesheet\";\n\tlink.href = `https://fonts.googleapis.com/css2?family=${fontName.replace(\n\t\t/\\s+/g,\n\t\t\"+\"\n\t)}:wght@400&display=swap`;\n\tdocument.head.appendChild(link);\n};\n\nconst loadUploadedFont = (font) => {\n\tconst customFont = new FontFace(font.name, `url(${font.link ?? font.src})`);\n\tcustomFont.load().then(loadedFont => {\n\t\tdocument.fonts.add(loadedFont);\n\t});\n}\n\nconst uploadFont = (font) => {\n\tloadUploadedFont(font);\n\temit('change-font', { src: font.link, name: font.name, type: 'uploaded' })\n}\n\nconst handleUploadError = () => {\n\tstore.commit('setFontUploadError', true);\n};\n\nconst changeFont = (font) => {\n\temit('change-font', { name: font.family ?? font.name, src: font.src });\n}\n\nconst dropdownRef = ref(null);\nconst handleClickOutside = (event) => {\n\tif (dropdownRef.value && !dropdownRef.value.contains(event.target)) {\n\t\tdropdownIsActive.value = false;\n\t}\n}\n\nconst label = computed(() => selectedFont.value?.name || 'Choose a font');\n\nonMounted(() => {\n\tdocument.addEventListener('click', handleClickOutside);\n\tuploadedFonts.value.forEach((font) => loadUploadedFont(font));\n\tvisibleFonts.value.forEach((font) => loadFont(font.family));\n\tconst observer = new IntersectionObserver((entries) => {\n\t\tif (entries[0].isIntersecting) {\n\t\t\tvisibleCount.value += 5;\n\t\t\tvisibleFonts.value.forEach((font) => loadFont(font.family));\n\t\t}\n\t});\n\n\tif (loadTrigger.value) {\n\t\tobserver.observe(loadTrigger.value);\n\t}\n})\n\nonBeforeUnmount(() => {\n\tdocument.removeEventListener('click', handleClickOutside)\n})\n\nwatch(dropdownIsActive, (isActive) => {\n\tif (isActive) {\n\t\tvisibleFonts.value.forEach((font) => loadFont(font.family));\n\t}\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.custom-font-dropdown {\n\tposition: relative;\n\twidth: 100%;\n\n\t&.active {\n\t\t.dropdown-btn {\n\t\t\toutline: 1px solid var(--dark-200);\n\n\t\t\t.dropdown-arrow {\n\t\t\t\ttransform: rotate(180deg);\n\t\t\t}\n\t\t}\n\t}\n\n\t.dropdown-btn {\n\t\twidth: 100%;\n\t\tposition: relative;\n\t\tborder-radius: 4px;\n\t\tbackground-color: var(--dark-40);\n\t\tborder: none;\n\t\tpadding: 5px 8px;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t\tgap: 4px;\n\t\tcursor: pointer;\n\n\t\t.font-label {\n\t\t\tpadding-bottom: 2px;\n\t\t\tcolor: var(--dark-500);\n\t\t\tfont-size: 16px;\n\t\t\tfont-weight: 400;\n\t\t\tline-height: 20px;\n\t\t\toverflow: hidden;\n\t\t\twhite-space: nowrap;\n\t\t\ttext-overflow: ellipsis;\n\t\t}\n\n\t\t.dropdown-arrow {\n\t\t\ttransition: transform .2s ease-in-out;\n\t\t}\n\t}\n\n\t.dropdown-content {\n\t\tposition: absolute;\n\t\ttop: calc(100% + 6px);\n\t\tleft: 0;\n\t\tbox-shadow: 0px 5px 20px 0px rgba(7, 53, 74, 0.40);\n\t\tborder-radius: 8px;\n\t\tbackground: var(--natural-40);\n\t\twidth: 280px;\n\t\tz-index: 10;\n\t\tpadding: 8px 0;\n\t\theight: 424px;\n\t\toverflow-y: auto;\n\n\t\t&.align-right {\n\t\t\tleft: unset;\n\t\t\tright: 0;\n\t\t}\n\n\t\t.font-uploader {\n\t\t\tpadding: 8px 0 16px 0;\n\t\t}\n\n\t\t.dropdown-section {\n\t\t\tpadding: 16px 0;\n\n\t\t\t&.uploaded-fonts {\n\t\t\t\t.dropdown-section-title {\n\t\t\t\t\tpadding-left: 8px;\n\t\t\t\t\tpadding-bottom: 8px;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t}\n\n\t\t\t\tpadding: 16px 0;\n\t\t\t\tborder-top: 1px solid var(--dark-100);\n\t\t\t\tborder-bottom: 1px solid var(--dark-100);\n\t\t\t}\n\n\t\t\t.font-item {\n\t\t\t\tpadding: 8px 16px;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tgap: 8px;\n\t\t\t\tcursor: pointer;\n\n\t\t\t\t&:hover,\n\t\t\t\t&.selected {\n\t\t\t\t\tbackground-color: var(--primary-200);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n</style>","import script from \"./CustomFont.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./CustomFont.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./CustomFont.vue?vue&type=style&index=0&id=519d1c84&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-519d1c84\"]])\n\nexport default __exports__","<template>\n\t<div class=\"branding-font\">\n\t\t<span class=\"label\">{{ label }}</span>\n\t\t<div class=\"font-element\">\n\t\t\t<p class=\"text\" :class=\"{ custom: selectedFont?.name !== defaultFontName }\" :style=\"textStyles\">ABC123\n\t\t\t</p>\n\t\t\t<CustomFont :fonts=\"fonts\" :uploaded-fonts=\"uploadedFonts\" :align-right=\"alignRight\" :selected-font=\"selectedFont\"\n\t\t\t\t@change-font=\"changeFont\"></CustomFont>\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\nimport { toRefs, computed } from 'vue';\nimport CustomFont from \"@/components/CustomFont.vue\";\n// eslint-disable-next-line\nconst props = defineProps({\n\tlabel: {\n\t\ttype: String,\n\t\tdefault: ''\n\t},\n\tfonts: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\tuploadedFonts: {\n\t\ttype: Array,\n\t\tdefault: () => []\n\t},\n\tselectedFont: {\n\t\ttype: Object,\n\t\tdefault: () => {}\n\t},\n\talignRight: {\n\t\ttype: Boolean\n\t}\n});\n\nconst { selectedFont, uploadedFonts } = toRefs(props);\n// eslint-disable-next-line\nconst emit = defineEmits(['change-font']);\n\nconst defaultFontName = 'Poppins';\n\nconst textStyles = computed(() => {\n\treturn {\n\t\t'font-family': `\"${selectedFont.value?.name ?? defaultFontName}\"`\n\t}\n})\n\nconst changeFont = (font) => {\n\temit('change-font', font);\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import url('https://fonts.googleapis.com/css2?family=BioRhyme:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n\n.branding-font {\n\tdisplay: flex;\n\tflex-direction: column;\n\tgap: 4px;\n\n\t.label {\n\t\tfont-size: 16px;\n\t\tfont-weight: 400;\n\t\tline-height: 20px\n\t}\n\n\t&.title {\n\t\t.font-element {\n\t\t\t.text {\n\t\t\t\tfont-size: 36px;\n\t\t\t\tfont-weight: 600;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.subtitle {\n\t\t.font-element {\n\t\t\t.text {\n\t\t\t\tfont-size: 24px;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.button {\n\t\t.font-element {\n\t\t\t.text {\n\t\t\t\tfont-size: 18px;\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\t\t}\n\t}\n\n\t.font-element {\n\t\tpadding: 24px 8px 8px;\n\t\tborder: 1px solid var(--dark-100);\n\t\tborder-radius: 8px;\n\t\twidth: 159px;\n\t\theight: 110px;\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tgap: 24px;\n\t\tline-height: 20px;\n\n\t\t.text {\n\t\t\tfont-family: 'Poppins';\n\t\t\tcolor: var(--dark-100);\n\n\t\t\t&.custom {\n\t\t\t\tcolor: var(--dark-500);\n\t\t\t}\n\t\t}\n\t}\n}\n</style>","import script from \"./BrandingFont.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrandingFont.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrandingFont.vue?vue&type=style&index=0&id=7f1cca30&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-7f1cca30\"]])\n\nexport default __exports__","<template>\n\t<div class=\"section-container branding\" data-test=\"settings-branding-section\">\n\t\t<div class=\"brand-info\">\n\t\t\t<div class=\"section-header\">\n\t\t\t\t<h3 class=\"section-title\">Branding</h3>\n\t\t\t\t<BrandsDropdown :brands=\"brands\" :selected-brand=\"selectedBrand\" @add-brand=\"handleAddBrand\"\n\t\t\t\t\t@change-brand=\"handleChangeBrand\" @delete-brand=\"handleDeleteBrand\"></BrandsDropdown>\n\t\t\t</div>\n\t\t\t<div class=\"sub-section info\">\n\t\t\t\t<div class=\"link\">\n\t\t\t\t\t<IdmInputWrapper>\n\t\t\t\t\t\t<template #label>\n\t\t\t\t\t\t\t<label>Branding source URL</label>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template #tooltip>\n\t\t\t\t\t\t\t<IdmTooltip text=\"Add a web link to help set up your account’s branding\" on-hover />\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template #input>\n\t\t\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t\t\t<IdmInput placeholder=\"https://\" :model-value=\"selectedBrand?.website\"\n\t\t\t\t\t\t\t\t\t@update:modelValue=\"changeBrandWebsite\" />\n\t\t\t\t\t\t\t\t<div class=\"btn-wrapper\">\n\t\t\t\t\t\t\t\t\t<IdmButton btnType=\"secondary\" @click=\"updateKnowledgeBaseLink\" :disabled=\"!isValidURL\">\n\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M19.1667 16.6667V11.6667H14.1667\" stroke=\"#07354A\" stroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M0.833252 3.33331V8.33331H5.83325\" stroke=\"#07354A\" stroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t\t\t\t\t\t<path\n\t\t\t\t\t\t\t\t\t\t\t\td=\"M17.0749 7.49998C16.6523 6.30564 15.934 5.23782 14.987 4.39616C14.0401 3.55451 12.8954 2.96645 11.6597 2.68686C10.424 2.40727 9.13762 2.44527 7.92059 2.79729C6.70356 3.14932 5.59554 3.80391 4.69992 4.69998L0.833252 8.33331M19.1666 11.6666L15.2999 15.3C14.4043 16.1961 13.2963 16.8506 12.0792 17.2027C10.8622 17.5547 9.57584 17.5927 8.34016 17.3131C7.10447 17.0335 5.95975 16.4455 5.01281 15.6038C4.06586 14.7621 3.34756 13.6943 2.92492 12.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke=\"#07354A\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</IdmButton>\n\t\t\t\t\t\t\t\t\t<span class=\"result-message\" v-if=\"updateKnowledgeBaseLinkResult !== null\" :class=\"{\n\t\t\t\t\t\t\t\t\t\tsuccess: updateKnowledgeBaseLinkResult,\n\t\t\t\t\t\t\t\t\t\terror: knowledgeBaseLinkUpdateError,\n\t\t\t\t\t\t\t\t\t}\">{{ updateKnowledgeBaseLinkResultMessage }}\n\t\t\t\t\t\t\t\t\t\t<svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t\t\t\t\t\t\tv-if=\"updateKnowledgeBaseLinkResult\">\n\t\t\t\t\t\t\t\t\t\t\t<path d=\"M16.6666 5L7.49992 14.1667L3.33325 10\" stroke=\"white\" stroke-width=\"1.5\"\n\t\t\t\t\t\t\t\t\t\t\t\tstroke-linecap=\"round\" stroke-linejoin=\"round\" />\n\t\t\t\t\t\t\t\t\t\t</svg>\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<span class=\"error-message\" v-show=\"selectedBrand?.website && !isValidURL\">The link is invalid. Please\n\t\t\t\t\t\t\t\t\tcheck\n\t\t\t\t\t\t\t\t\tthe\n\t\t\t\t\t\t\t\t\tURL format</span>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t</IdmInputWrapper>\n\t\t\t\t</div>\n\t\t\t\t<IdmInputWrapper class=\"brand-name\">\n\t\t\t\t\t<template #label>\n\t\t\t\t\t\t<label>Brand Name</label>\n\t\t\t\t\t</template>\n\t\t\t\t\t<template #input>\n\t\t\t\t\t\t<div class=\"wrapper\">\n\t\t\t\t\t\t\t<IdmInput placeholder=\"Insert your brand name\" :model-value=\"selectedBrand?.name\"\n\t\t\t\t\t\t\t\t@update:modelValue=\"changeBrandName\" ref=\"brandName\" />\n\t\t\t\t\t\t\t<span class=\"error-message\" v-if=\"store.state.brandNameErrorIsShown\">A brand name is required</span>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</template>\n\t\t\t\t</IdmInputWrapper>\n\t\t\t</div>\n\t\t\t<div class=\"sub-section logo\">\n\t\t\t\t<h3 class=\"sub-section-title\">Logo</h3>\n\t\t\t\t<div class=\"logo-wrapper\">\n\t\t\t\t\t<BrandingLogo :logos=\"selectedBrand?.logos\" :selected-logo=\"selectedBrand?.selectedLogo\"\n\t\t\t\t\t\t@select-logo=\"handleLogoSelect\" @file-uploaded=\"handleFileUpload\" @remove-logo=\"handleRemoveLogo\">\n\t\t\t\t\t</BrandingLogo>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"sub-section colors\">\n\t\t\t\t<h3 class=\"sub-section-title\">Colors</h3>\n\t\t\t\t<BrandingColors class=\"colors-wrapper\" :colors=\"selectedBrand?.colors\" @add-color=\"addColor\"\n\t\t\t\t\t@change-color=\"changeColor\" @remove-color=\"removeColor\">\n\t\t\t\t</BrandingColors>\n\t\t\t</div>\n\t\t\t<div class=\"sub-section fonts\" v-if=\"googleFontsArr?.length\">\n\t\t\t\t<h3 class=\"sub-section-title\">Fonts</h3>\n\t\t\t\t<div class=\"fonts-wrapper\">\n\t\t\t\t\t<BrandingFont v-for=\"item, i in fontElems\" :key=\"i\" :class=\"item.class\" :label=\"item.label\"\n\t\t\t\t\t\t:fonts=\"googleFontsArr\" :uploaded-fonts=\"uploadedFonts\" :selected-font=\"selectedBrand?.fonts[i]\"\n\t\t\t\t\t\t:align-right=\"i === fontElems.length - 1\" @change-font=\"handleChangeFont($event, i)\">\n\t\t\t\t\t</BrandingFont>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div class=\"sub-section learn\">\n\t\t\t\t<p class=\"text\">Learn how to manage your brand</p>\n\t\t\t\t<IdmButton class=\"btn\" btn-type=\"outline\" text=\"Learn more\" @click=\"handleLearnMore\">\n\t\t\t\t\t<svg width=\"17\" height=\"17\" viewBox=\"0 0 17 17\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M3.74832 1.20107C2.20379 5.73169 1.71344 8.31597 0.170211 12.8428C-0.536789 14.9168 1.13562 16.3983 1.94797 16.3983H12.022C12.9109 16.3983 13.3257 16.2798 13.7997 14.6205C14.0145 13.8689 14.5819 12.0959 15.1659 10.2708C15.8711 8.067 16.6006 5.78737 16.7627 5.13906C16.9972 4.20125 16.7122 3.63448 16.1132 3.43873C15.9961 3.86466 15.862 4.31645 15.7279 4.76827C15.5697 5.30098 15.4116 5.83379 15.2812 6.32424C14.9164 7.69678 14.2185 9.6232 13.6342 11.2357C13.2695 12.2425 12.949 13.127 12.7817 13.6778C12.3464 15.1108 11.9656 15.2131 11.1494 15.2131H2.21846C1.32228 15.2131 0.750851 14.2568 1.1748 13.4673L1.19226 13.4348C1.205 13.4352 1.21781 13.4354 1.23067 13.4354H10.2442C11.1331 13.4354 11.5479 13.3168 12.022 11.6576C12.2367 10.906 12.8041 9.1329 13.3881 7.30787C14.0934 5.10403 14.8229 2.8244 14.9849 2.17609C15.2812 0.990908 14.7479 0.398315 13.7998 0.398315H4.87011C4.36293 0.398315 3.91197 0.721027 3.74832 1.20107Z\"\n\t\t\t\t\t\t\tfill=\"#839AA4\" />\n\t\t\t\t\t</svg>\n\t\t\t\t</IdmButton>\n\t\t\t</div>\n\t\t</div>\n\t\t<BrandPreview class=\"sticky\" :logo=\"selectedBrand?.selectedLogo\" :colors=\"selectedBrand?.colors\"\n\t\t\t:fonts=\"selectedBrand?.fonts\">\n\t\t</BrandPreview>\n\t</div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\nimport { store } from \"@/store\";\nimport getBrandByURL from \"@/gql/getBrandByURL\";\nimport BrandingLogo from './BrandingLogo.vue';\nimport BrandingColors from './BrandingColors.vue';\nimport BrandsDropdown from './BrandsDropdown.vue';\nimport BrandPreview from './BrandPreview.vue';\nimport BrandingFont from './BrandingFont.vue';\n\nconst brands = computed(() => store.getters.brandsFiltered);\nconst selectedBrand = computed(() => store.state.selectedBrand);\nconst accountId = computed(() => String(store.getters.getAccount.accountId));\nconst isValidURL = computed(() => store.getters.isValidURL);\n\nconst changeBrandWebsite = (value) => {\n\tstore.commit('changeSelectedBrandProp', { prop: 'website', value })\n\tif (!selectedBrand.value?.isDefault) store.commit('addBrand');\n}\n\nconst updateKnowledgeBaseLinkResult = ref(null);\nconst updateKnowledgeBaseLinkResultMessage = computed(() =>\n\tupdateKnowledgeBaseLinkResult.value\n\t\t? \"Link verified. Click ‘Save’ to confirm changes\"\n\t\t: \"Brand processing failed. Default brand will be used.\"\n);\nconst knowledgeBaseLinkUpdateError = computed(\n\t() =>\n\t\tupdateKnowledgeBaseLinkResult.value !== null &&\n\t\t!updateKnowledgeBaseLinkResult.value\n);\n\nconst updateKnowledgeBaseLink = async () => {\n\ttry {\n\t\tif (!isValidURL.value) return;\n\t\tconst { data } = await getBrandByURL(\n\t\t\tselectedBrand.value?.website,\n\t\t\taccountId.value\n\t\t);\n\t\tconst response = data.getBrandByURL;\n\t\tupdateKnowledgeBaseLinkResult.value = response?.website || false;\n\t\tif (updateKnowledgeBaseLinkResult.value) {\n\t\t\tstore.commit('setBrand', response);\n\t\t} else {\n\t\t\tstore.commit('resetBrand');\n\t\t}\n\t\tsetTimeout(() => {\n\t\t\tupdateKnowledgeBaseLinkResult.value = null;\n\t\t}, 5000);\n\t} catch (e) {\n\t\tconsole.log(e);\n\t}\n};\n\nstore.commit('initSelectBrand');\n\nconst brandName = ref(null);\nconst changeBrandName = (value) => {\n\tstore.commit('changeSelectedBrandProp', { prop: 'name', value });\n\tstore.commit('addBrand');\n\tif (!selectedBrand.value?.isDefault) store.commit('addBrand');\n}\n\nconst handleChangeBrand = (id) => {\n\tstore.commit('selectBrand', id);\n\tif (!selectedBrand.value.selectedLogo && selectedBrand.value.logos.length) store.commit('selectLogo', selectedBrand.value.logos[0].src);\n}\n\nconst handleAddBrand = () => {\n\tbrandName.value.$el.querySelector('.k-input-inner').focus();\n\tstore.commit('resetBrand');\n\tstore.commit('addBrand');\n}\n\nconst handleDeleteBrand = (id) => {\n\tstore.commit('deleteBrand', id);\n\tstore.commit('selectBrand', brands.value.at(-1)?._id);\n}\n\nconst handleLogoSelect = (logo) => {\n\tstore.commit('selectLogo', logo);\n}\n\nconst handleFileUpload = (logo) => {\n\tstore.commit('addLogo', logo);\n\tstore.commit('selectLogo', logo);\n\tif (!selectedBrand.value?.isDefault) store.commit('addBrand');\n}\n\nconst handleRemoveLogo = (index) => {\n\tstore.commit('removeLogo', index);\n}\n\nconst addColor = (color) => {\n\tif (selectedBrand.value?.colors.length === 4 && !selectedBrand.value?.isDefault) store.commit('addBrand');\n\tstore.commit('addColor', color);\n}\n\nconst changeColor = ({ index, color }) => {\n\tstore.commit('changeColor', { index, color });\n\tif (!selectedBrand.value?.isDefault) store.commit('addBrand');\n}\n\nconst removeColor = (index) => {\n\tstore.commit('removeColor', index);\n}\n\nconst fontElems = ref([\n\t{\n\t\tlabel: 'Title',\n\t\tclass: 'title'\n\t},\n\t{\n\t\tlabel: 'Subtitle',\n\t\tclass: 'subtitle'\n\t},\n\t{\n\t\tlabel: 'Button text',\n\t\tclass: 'button',\n\t},\n]);\n\nconst googleFontsArr = ref(null);\nconst fetchGoogleFonts = () => {\n\tfetch(\n\t\t'https://www.googleapis.com/webfonts/v1/webfonts?key=AIzaSyBPxT0vSf-zCYMx5V5eKz-EvCzNsBvFrjM'\n\t)\n\t\t.then((response) => response.json())\n\t\t.then((data) => {\n\t\t\tgoogleFontsArr.value = data.items.reduce((acc, item) => {\n\t\t\t\tif (item.subsets.includes(\"latin\") && \"regular\" in item.files) {\n\t\t\t\t\tacc.push({\n\t\t\t\t\t\t...item,\n\t\t\t\t\t\tsrc: item.files.regular\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn acc;\n\t\t\t}, []);\n\t\t});\n}\n\nfetchGoogleFonts();\n\nconst uploadedFonts = ref(JSON.parse(localStorage.getItem('uploadedFonts')) || []);\n\nconst handleChangeFont = (font, i) => {\n\tstore.commit('changeFont', { name: font.name, src: font.src, i });\n\tif (!selectedBrand.value?.isDefault) store.commit('addBrand');\n\tif (font.type === 'uploaded') {\n\t\tuploadedFonts.value.push({ name: font.name, src: font.src });\n\t\tlocalStorage.setItem('uploadedFonts', JSON.stringify(uploadedFonts.value));\n\t}\n}\n\nconst handleLearnMore = () => {\n\tconst link = 'https://academy.idomoo.com/support/solutions/articles/4000214647-customizing-your-brand';\n\twindow.open(link, '_blank');\n}\n\n</script>\n\n<style lang=\"scss\" scoped>\n.section-container {\n\t&.branding {\n\t\tdisplay: flex;\n\t\tgap: 92px;\n\t\twidth: unset !important;\n\t\tpadding: 0 !important;\n\t\talign-items: flex-start;\n\n\t\t.brand-info {\n\t\t\twidth: 504px;\n\t\t\tpadding: 32px 0 56px;\n\n\t\t\t.section-header {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: space-between;\n\n\t\t\t\t.section-title {\n\t\t\t\t\tfont-size: 18px !important;\n\t\t\t\t\tmargin-bottom: 0 !important;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sub-section {\n\t\t\t\tmargin-top: 24px;\n\t\t\t\tpadding-bottom: 24px;\n\t\t\t\tborder-bottom: 1px solid var(--natural-100);\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: none;\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\t.sub-section-title {\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tline-height: 20px;\n\t\t\t\t}\n\n\t\t\t\t&.info {\n\t\t\t\t\t.link {\n\t\t\t\t\t\tmargin-top: 32px;\n\n\t\t\t\t\t\t.wrapper {\n\t\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tgap: 8px;\n\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t.error-message {\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\ttop: calc(100% + 4px);\n\t\t\t\t\t\t\t\tcolor: #ff5f2c;\n\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.btn-wrapper {\n\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t.result-message {\n\t\t\t\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\t\t\t\tborder-radius: 6px;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0px 5px 20px 0px rgba(7, 53, 74, 0.4);\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: calc(100% + 8px);\n\t\t\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t\t\t\tz-index: 10;\n\t\t\t\t\t\t\t\t\tpadding: 1px 8px 3px;\n\t\t\t\t\t\t\t\t\ttext-wrap: nowrap;\n\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tgap: 8px;\n\n\t\t\t\t\t\t\t\t\t&.success {\n\t\t\t\t\t\t\t\t\t\tbackground-color: #1bd34f;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&.error {\n\t\t\t\t\t\t\t\t\t\tbackground-color: #ff5f2c;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.brand-name {\n\t\t\t\t\t\tmargin-top: 24px;\n\n\t\t\t\t\t\t.wrapper {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t\t.error-message {\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: calc(100% + 4px);\n\t\t\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\t\t\tcolor: var(--alert-500);\n\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\tfont-style: normal;\n\t\t\t\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.logo {\n\t\t\t\t\t.logo-wrapper {\n\t\t\t\t\t\tmargin-top: 16px;\n\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.colors {\n\t\t\t\t\t.colors-wrapper {\n\t\t\t\t\t\tmargin-top: 24px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.fonts {\n\t\t\t\t\t.fonts-wrapper {\n\t\t\t\t\t\tmargin-top: 24px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tgap: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.learn {\n\t\t\t\t\t.text {\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t}\n\n\t\t\t\t\t.btn {\n\t\t\t\t\t\tmargin-top: 8px;\n\t\t\t\t\t\tcolor: var(--dark-200);\n\t\t\t\t\t\tborder-color: var(--dark-100);\n\t\t\t\t\t\tstroke: unset;\n\t\t\t\t\t\ttext-transform: none;\n\t\t\t\t\t\tflex-direction: row-reverse;\n\t\t\t\t\t\tgap: 6px;\n\n\t\t\t\t\t\t:deep() .idm-icon-container {\n\t\t\t\t\t\t\torder: 0;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sticky {\n\t\t\tposition: sticky;\n\t\t\ttop: 112px;\n\t\t}\n\t}\n}\n</style>","import script from \"./BrandingSection.vue?vue&type=script&setup=true&lang=js\"\nexport * from \"./BrandingSection.vue?vue&type=script&setup=true&lang=js\"\n\nimport \"./BrandingSection.vue?vue&type=style&index=0&id=1c0e98b5&lang=scss&scoped=true\"\n\nimport exportComponent from \"../../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['__scopeId',\"data-v-1c0e98b5\"]])\n\nexport default __exports__","import { render } from \"./App.vue?vue&type=template&id=2b3e24cd&scoped=true\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=2b3e24cd&lang=scss&scoped=true\"\nimport \"./App.vue?vue&type=style&index=1&id=2b3e24cd&lang=scss\"\n\nimport exportComponent from \"../node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2b3e24cd\"]])\n\nexport default __exports__","import { createApp } from 'vue'\nimport App from './App.vue'\nimport { store } from './store'\nimport IdmUI from '@idomoo-hub/library'\n\ncreateApp(App)\n.use(store)\n.use(IdmUI, {auth:{\n    debug: true,\n    api_url: process.env.VUE_APP_API_URL,\n    login_url: process.env.VUE_APP_LOGIN_URL,\n    logout_url: process.env.VUE_APP_LOGOUT_URL,\n    apolloConnectToDevTools: process.env.NODE_ENV !== 'production',\n  }})\n.mount('#app')\n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t524: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunksettings\"] = self[\"webpackChunksettings\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [504], function() { return __webpack_require__(7206); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["key","class","href","target","_createBlock","_component_IdmAuth","default","_withCtx","$setup","dataLoaded","_createElementBlock","_hoisted_1","_createVNode","_component_IdmHeader","userName","user","firstName","lastName","userMail","email","userID","accountId","toString","profileImg","method","logOut","locator","help","identicalHeader","_component_IdmSubHeader","_createElementVNode","_hoisted_2","_component_IdmLogo","app","_component_IdmSuccessText","text","saveSuccess","saveUnsuccessfulMsg","_normalizeClass","fail","visibilityTime","show","updateDataFinished","_component_IdmButton","btnType","onClick","saveData","saveLoader","_component_IdmLoader","width","height","type","_createCommentVNode","_","_hoisted_3","_component_Navbar","sections","_hoisted_4","_component_Profile","id","ref","_component_Account","userHasAIBetaFeature","_component_BrandingSection","_component_APISettings","validSignature","validEncryption","invalidIPs","_component_MyApps","defaultFonts","name","link","arr","defaultValue","i","undefined","store","createStore","state","renderingMin","apiKey","iPAddresses","account","tempProfileImg","tempLogo","brands","selectedBrand","selectedLogo","website","colors","hex","logos","fonts","isDefault","defaultBrandInfo","brandNameErrorIsShown","fontUploadErrorIsShown","mutations","setUser","payload","setAccount","setUserProperty","property","value","setAccountProperty","setRenderingMin","setIPAddresses","setDataLoaded","setTempProfileImg","setTempLogo","setBrands","map","item","_item$logos$filter","filter","obj","src","fillArray","resetBrand","this","commit","structuredClone","addBrand","selectBrand","find","_id","changeSelectedBrandProp","prop","deleteBrand","brandIndex","findIndex","isDeleted","addLogo","logo","push","removeLogo","index","currentLogo","splice","prevLogo","at","selectLogo","addColor","color","changeColor","removeColor","changeFont","setBrand","description","brandFetchId","length","Object","assign","initSelectBrand","defaultBrand","setBrandNameError","setFontUploadError","getters","getUser","getAccount","getIPAddresses","getDataLoaded","getTempProfileImg","getTempLogo","getRenderingMin","isValidURL","urlRegex","test","brandsFiltered","brand","brandCanBeSaved","trim","q","gql","params","mutate","onDone","onError","useMutation","update","mutationResult","console","log","Promise","resolve","reject","resp","e","_Fragment","_renderList","titles","title","selected","$event","handleSelected","props","Array","setup","section","match","split","element","document","getElementById","headerOffset","elementPosition","getBoundingClientRect","top","offsetPosition","window","pageYOffset","scrollTo","behavior","__exports__","_component_IdmInputWrapper","label","_cache","input","_component_IdmInput","placeholder","modelValue","error","firstNameError","onBlur","validateFirstName","_toDisplayString","lastNameError","validateLastName","tooltip","_component_IdmTooltip","onHover","locked","_component_UploadImage","nameRegex","validateName","_component_IdmDragAndDrop","btnText","dropText","fileTypes","progressVal","onFileUploaded","fileUploaded","$props","imgSrc","alt","removeFile","_component_IdmIcon","useUploadToS3","file","subfolder","customContentUrl","mediaUploadEndpoint","token","loaded","total","request","fileReader","FileReader","chunk","slice","onload","async","postData","extension","pop","toLowerCase","sample","btoa","result","response","fetch","cache","headers","authorization","body","JSON","stringify","json","then","formData","FormData","keys","fields","forEach","append","xhr","XMLHttpRequest","upload","onprogress","event","onloadend","status","statusText","open","url","send","readAsBinaryString","String","computed","get","progressInterval","setInterval","process","localStorage","getItem","clearInterval","setTimeout","catch","components","UploadImage","QRValue","set","val","showQR","twoStep","twoStepKey","handleQR","generateQR","res","data","err","watch","copied","showCopied","companyError","company","validateCompany","videoExpirationTimeOnStorage","copyAccountId","navigator","clipboard","writeText","region","regionText","_component_IdmPopup","style","paragraphs","showPopup","createKey","_createTextVNode","secretKey","hideHover","_component_IdmHoverText","copyKey","viewBox","fill","xmlns","d","stroke","showNewKeyMessage","loading","_component_IdmCheckbox","checked","signature","onInput","setAdvancedSecurity","_hoisted_5","signatureURL","_hoisted_6","_hoisted_7","reqEncryption","_hoisted_8","resEncryption","_hoisted_9","resEncryptionURL","_hoisted_10","iPAddress","iPNum","j","indexOf","setIpAddress","onKeypress","onlyNum","removeIpAddress","_hoisted_11","addIpAddress","Boolean","lastSignatureURL","lastResEncryptionURL","generateAPI","_value","charCode","which","keyCode","preventDefault","getPVUrl","options","auth","inject","regionURL","access_token","onResult","useQuery","fetchPolicy","context","emit","__emit","fileLoadingInfo","reactive","handleFileUpload","color1","color2","hexToRgb","replace","char","join","int","parseInt","r","g","b","rgbToHex","toHex","padStart","mixColors","colorA","colorB","percent","Math","round","primary","secondary","dark","accent","__props","toRefs","colorsFormatted","colorsGrouped","main","additional","container","colorPickerOverflow","isColorPickerOverflowing","containerRect","colorPicker","querySelector","elementRect","right","selectedColor","selectColor","nextTick","handleColors","generatedColors","generateColors","colorsWereChangedManually","handleColorPicker","currentColor","el","values","addBtnIsDisabled","handleClickOutside","classList","contains","onMounted","addEventListener","onBeforeUnmount","removeEventListener","content","isOverflowing","titleEnding","getOverflow","elem","scrollWidth","clientWidth","tooltipIsShown","tooltipTimeout","handleMouseEnter","handleMouseLeave","clearTimeout","styles","displaySelectedLogo","isActive","toggleDropdown","Event","selectedBrandPlaceholder","dropdownRef","noBrandsApplied","changeBrand","previewBlock3Rows","colorsInfo","fontsByType","fontFamily","subtitle","button","authHeader","customUploadEndpoint","uploadedFonts","selectedFont","dropdownIsActive","visibleCount","loadTrigger","visibleFonts","loadFont","fontName","existingLink","from","head","getElementsByTagName","includes","createElement","rel","appendChild","loadUploadedFont","font","_font$link","customFont","FontFace","load","loadedFont","add","uploadFont","handleUploadError","_font$family","family","observer","IntersectionObserver","entries","isIntersecting","observe","defaultFontName","textStyles","_selectedFont$value$n","changeBrandWebsite","updateKnowledgeBaseLinkResult","updateKnowledgeBaseLinkResultMessage","knowledgeBaseLinkUpdateError","updateKnowledgeBaseLink","getBrandByURL","brandName","changeBrandName","handleChangeBrand","handleAddBrand","$el","focus","handleDeleteBrand","handleLogoSelect","handleRemoveLogo","fontElems","googleFontsArr","fetchGoogleFonts","items","reduce","acc","subsets","files","regular","parse","handleChangeFont","setItem","handleLearnMore","Navbar","NavBar","Profile","ProfileSec","Account","AccountSec","APISettings","ApiSec","MyApps","MyAppsSec","BrandingSection","profileRef","accountRef","accountNameTooltip","_user","details","betaFeatures","provideApollo","apolloClient","_apolloClient","provideApolloClient","getRenderingMinutesData","setData","_initialized","getUserAndAccount","IPAddress","getRenderingMinutes","credits","invalidIPsLocal","iPValidation","iPArr","isIPv4","isUrlValid","str","URL","validateProfileAndAccountNames","validSignatureLocal","validEncryptionLocal","iPAddressesLocal","isValidUrl","updateData","logout","AccountNameIcon","render","createApp","App","use","IdmUI","debug","api_url","login_url","logout_url","apolloConnectToDevTools","mount","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","exports","module","__webpack_modules__","call","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","fulfilled","every","n","getter","__esModule","a","definition","o","defineProperty","enumerable","globalThis","Function","prototype","hasOwnProperty","Symbol","toStringTag","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","self","bind","__webpack_exports__"],"sourceRoot":""}