@designcrowd/fe-shared-lib 1.6.5 → 1.6.7-ast-font

package/src/atoms/components/Icon/Icon.stories.js

@@ -91,6 +91,7 @@ export const IconSample = () => {
           { name: 'eye-open' },
           { name: 'fees' },
           { name: 'file' },
+          { name: 'file-box' },
           { name: 'filter' },
           { name: 'filter-crazy-domains' },
           { name: 'flag' },

package/src/atoms/components/Icon/Icon.vue

@@ -338,6 +338,7 @@ import IconBezierCurveOutline from './icons/bezier-curve-outline.vue';
 import IconBezierCurve from './icons/bezier-curve.vue';
 import IconBrowser from './icons/browser.vue';
 import IconCardVertical from './icons/card-vertical.vue';
+import IconFileBox from './icons/file-box.vue';
 import IconFileEmpty from './icons/file-empty.vue';
 import IconFont from './icons/font.vue';
 import IconHeadphones from './icons/headphones.vue';
@@ -742,6 +743,7 @@ export default {
     IconBezierCurve,
     IconBrowser,
     IconCardVertical,
+    IconFileBox,
     IconFileEmpty,
     IconFont,
     IconHeadphones,

package/src/atoms/components/Icon/icons/file-box.vue

@@ -0,0 +1,3 @@
+<template>
+  <path d="M12.9163 6.08301H3.08333V10.7998C3.08333 11.3722 3.08357 11.7569 3.10775 12.0527C3.13121 12.3397 3.17392 12.4768 3.22005 12.5674C3.33988 12.8025 3.53083 12.9935 3.76595 13.1133C3.85649 13.1594 3.9936 13.2021 4.2806 13.2256C4.57648 13.2498 4.9611 13.25 5.53353 13.25H10.4671C11.0392 13.25 11.4233 13.2497 11.7191 13.2256C12.006 13.2021 12.1432 13.1594 12.2337 13.1133C12.4689 12.9934 12.6608 12.8026 12.7806 12.5674C12.8267 12.4768 12.8685 12.3396 12.8919 12.0527C12.9161 11.7569 12.9163 11.3722 12.9163 10.7998V6.08301ZM9.91146 8.4209C9.84208 8.41832 9.74683 8.41699 9.59993 8.41699H6.39974C6.25276 8.41699 6.15758 8.41831 6.08822 8.4209C6.0856 8.49036 6.08333 8.5858 6.08333 8.7334V9.2666C6.08333 9.41352 6.08563 9.50875 6.08822 9.57813C6.15758 9.58072 6.25273 9.58301 6.39974 9.58301H9.59993C9.74686 9.58301 9.84208 9.58071 9.91146 9.57813C9.91404 9.50875 9.91634 9.41353 9.91634 9.2666V8.7334C9.91634 8.58579 9.91407 8.49036 9.91146 8.4209ZM13.9115 2.75488C13.8421 2.7523 13.7468 2.75 13.5999 2.75H2.39974C2.25274 2.75 2.15758 2.75229 2.08822 2.75488C2.08562 2.82425 2.08333 2.91941 2.08333 3.06641V4.2666C2.08333 4.41352 2.08563 4.50875 2.08822 4.57813C2.15758 4.58072 2.25274 4.58301 2.39974 4.58301H13.5999C13.7469 4.58301 13.8421 4.58071 13.9115 4.57813C13.914 4.50875 13.9163 4.41353 13.9163 4.2666V3.06641C13.9163 2.9194 13.9141 2.82425 13.9115 2.75488ZM11.4163 9.2666C11.4163 9.44091 11.4168 9.61683 11.4046 9.76563C11.3917 9.92313 11.3612 10.115 11.262 10.3096C11.1262 10.5761 10.9095 10.7929 10.6429 10.9287C10.4483 11.0278 10.2565 11.0584 10.099 11.0713C9.95017 11.0834 9.77424 11.083 9.59993 11.083H6.39974C6.22552 11.083 6.04944 11.0834 5.90072 11.0713C5.74324 11.0584 5.55127 11.0278 5.35677 10.9287C5.09028 10.7929 4.87343 10.5761 4.73763 10.3096C4.63855 10.115 4.60792 9.9231 4.59505 9.76563C4.5829 9.61683 4.58333 9.44091 4.58333 9.2666V8.7334C4.58333 8.55909 4.5829 8.38317 4.59505 8.23438C4.60792 8.0769 4.63855 7.88499 4.73763 7.69043L4.79232 7.59278C4.92841 7.37084 5.12354 7.19016 5.35677 7.07129L5.50228 7.00879C5.6455 6.95784 5.78274 6.93837 5.90072 6.92871C6.04944 6.91656 6.22552 6.91699 6.39974 6.91699H9.59993C9.77424 6.91699 9.95017 6.91656 10.099 6.92871C10.2172 6.93837 10.3548 6.95764 10.4984 7.00879L10.6429 7.07129L10.7406 7.12598C10.9308 7.24265 11.0907 7.40256 11.2074 7.59278L11.262 7.69043L11.3245 7.83496C11.3757 7.97852 11.395 8.11617 11.4046 8.23438C11.4168 8.38317 11.4163 8.55909 11.4163 8.7334V9.2666ZM15.4163 4.2666C15.4163 4.44091 15.4168 4.61683 15.4046 4.76563C15.3917 4.92313 15.3612 5.11498 15.262 5.30957C15.1262 5.57614 14.9095 5.79289 14.6429 5.92871C14.5665 5.96762 14.49 5.99375 14.4163 6.01465V10.7998C14.4163 11.3475 14.4174 11.8037 14.387 12.1748C14.356 12.5546 14.2883 12.9109 14.1165 13.248C13.8529 13.7654 13.4327 14.1865 12.9154 14.4502C12.5781 14.622 12.221 14.6897 11.8411 14.7207C11.4702 14.751 11.0145 14.75 10.4671 14.75H5.53353C4.98585 14.75 4.52966 14.751 4.15853 14.7207C3.7788 14.6897 3.42243 14.6219 3.08529 14.4502C2.56784 14.1865 2.14679 13.7655 1.88314 13.248C1.71143 12.9109 1.64366 12.5545 1.61263 12.1748C1.58231 11.8037 1.58333 11.3475 1.58333 10.7998V6.01465C1.50975 5.99375 1.43308 5.9676 1.35677 5.92871C1.09028 5.79289 0.873426 5.57609 0.73763 5.30957C0.638553 5.11501 0.60792 4.9231 0.595052 4.76563C0.582895 4.61683 0.583333 4.44091 0.583333 4.2666V3.06641C0.583333 2.89219 0.582901 2.7161 0.595052 2.56738C0.607942 2.4099 0.638523 2.21795 0.73763 2.02344L0.792318 1.92578C0.928428 1.70391 1.12356 1.52313 1.35677 1.4043L1.50228 1.3418C1.64547 1.29087 1.78276 1.27137 1.90072 1.26172C2.04944 1.24957 2.22552 1.25 2.39974 1.25H13.5999C13.7742 1.25 13.9502 1.24956 14.099 1.26172C14.2171 1.27138 14.3548 1.29067 14.4984 1.3418L14.6429 1.4043L14.7406 1.45899C14.9625 1.59508 15.1432 1.79021 15.262 2.02344C15.3611 2.21794 15.3917 2.40991 15.4046 2.56738C15.4168 2.7161 15.4163 2.89219 15.4163 3.06641V4.2666Z" fill="currentColor"/>
+</template>

package/src/bundles/bundled-translations.de-DE.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Website",
     "digitalBusinessCardFriendlyName": "Digitale Visitenkarte",
     "alreadyHaveADomainLabel": "Besitzen Sie bereits eine Domain?",
-    "useExistingDomainLabel": "Meine vorhandene Domain verwenden"
+    "useExistingDomainLabel": "Meine vorhandene Domain verwenden",
+    "createTeamCardsLabel": "Teamkarten erstellen"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Kostenlose Domain",

package/src/bundles/bundled-translations.es-ES.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Sitio web",
     "digitalBusinessCardFriendlyName": "Tarjeta de visita digital",
     "alreadyHaveADomainLabel": "¿Ya tienes un dominio?",
-    "useExistingDomainLabel": "Usa mi dominio existente"
+    "useExistingDomainLabel": "Usa mi dominio existente",
+    "createTeamCardsLabel": "Crea tarjetas de equipo"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Dominio gratis",

package/src/bundles/bundled-translations.fr-CA.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Site Web",
     "digitalBusinessCardFriendlyName": "Carte professionnelle numérique",
     "alreadyHaveADomainLabel": "Vous avez déjà un domaine?",
-    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant",
+    "createTeamCardsLabel": "Créer des cartes pour votre équipe"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domaine gratuit",

package/src/bundles/bundled-translations.fr-FR.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Site Web",
     "digitalBusinessCardFriendlyName": "Carte de visite numérique",
     "alreadyHaveADomainLabel": "Vous avez déjà un domaine ?",
-    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant",
+    "createTeamCardsLabel": "Créer des cartes d'équipe"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domaine gratuit",

package/src/bundles/bundled-translations.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Website",
     "digitalBusinessCardFriendlyName": "Digital Business Card",
     "alreadyHaveADomainLabel": "Already have a domain?",
-    "useExistingDomainLabel": "Use my existing domain"
+    "useExistingDomainLabel": "Use my existing domain",
+    "createTeamCardsLabel": "Create Team Cards"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Free Domain",

package/src/bundles/bundled-translations.pt-BR.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Site",
     "digitalBusinessCardFriendlyName": "Cartão de visita digital",
     "alreadyHaveADomainLabel": "Já tem um domínio?",
-    "useExistingDomainLabel": "Usar meu domínio existente"
+    "useExistingDomainLabel": "Usar meu domínio existente",
+    "createTeamCardsLabel": "Criar cartões de equipe"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domínio gratuito",

package/src/bundles/bundled-translations.pt-PT.json

@@ -34,7 +34,8 @@
     "websiteFriendlyName": "Website",
     "digitalBusinessCardFriendlyName": "Cartão de visita digital",
     "alreadyHaveADomainLabel": "Já tem um domínio?",
-    "useExistingDomainLabel": "Utilizar o meu domínio existente"
+    "useExistingDomainLabel": "Utilizar o meu domínio existente",
+    "createTeamCardsLabel": "Criar cartões de equipa"
   },
   "sellDomainNameList": {
     "freeDomainButtonLabel": "Domínio gratuito",

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.vue

@@ -92,11 +92,13 @@
           :has-purchased-domain="hasPurchasedDomains"
           :show-upsell-rotation-container="showUpsellRotationContainer"
           :user-currency="userCurrency"
+          :brand-page-type="brandPageType"
           @copy-url-clicked="onCopyUrlClick"
           @on-brand-page-url-click="onBrandPageUrlClick"
           @on-view-more-domains="onViewMore"
           @on-buy-now-clicked="onBuyNowClick"
           @on-search-text-changed="onSearchTextChanged"
+          @on-create-team-cards-click="onCreateTeamCardsClick"
         >
           <template #upsellContainer>
             <slot name="upsellContainer" />
@@ -289,6 +291,7 @@ export default {
     'on-slug-changed',
     'on-show-domain-modal',
     'on-use-existing-domain',
+    'on-create-team-cards-click',
   ],
   setup() {
     return {
@@ -407,6 +410,9 @@ export default {
     onBrandPageUrlClick(newVal) {
       this.$emit('on-brand-page-url-click', newVal);
     },
+    onCreateTeamCardsClick() {
+      this.$emit('on-create-team-cards-click');
+    },
     onBuyNow(newVal) {
       this.$emit('on-buy-now-clicked', newVal);
     },

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.de-DE.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Website",
     "digitalBusinessCardFriendlyName": "Digitale Visitenkarte",
     "alreadyHaveADomainLabel": "Besitzen Sie bereits eine Domain?",
-    "useExistingDomainLabel": "Meine vorhandene Domain verwenden"
+    "useExistingDomainLabel": "Meine vorhandene Domain verwenden",
+    "createTeamCardsLabel": "Teamkarten erstellen"
   }
 }

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.es-ES.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Sitio web",
     "digitalBusinessCardFriendlyName": "Tarjeta de visita digital",
     "alreadyHaveADomainLabel": "¿Ya tienes un dominio?",
-    "useExistingDomainLabel": "Usa mi dominio existente"
+    "useExistingDomainLabel": "Usa mi dominio existente",
+    "createTeamCardsLabel": "Crea tarjetas de equipo"
   }
 }

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.fr-CA.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Site Web",
     "digitalBusinessCardFriendlyName": "Carte professionnelle numérique",
     "alreadyHaveADomainLabel": "Vous avez déjà un domaine?",
-    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant",
+    "createTeamCardsLabel": "Créer des cartes pour votre équipe"
   }
 }

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.fr-FR.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Site Web",
     "digitalBusinessCardFriendlyName": "Carte de visite numérique",
     "alreadyHaveADomainLabel": "Vous avez déjà un domaine ?",
-    "useExistingDomainLabel": "Utiliser mon nom de domaine existant"
+    "useExistingDomainLabel": "Utiliser mon nom de domaine existant",
+    "createTeamCardsLabel": "Créer des cartes d'équipe"
   }
 }

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Website",
     "digitalBusinessCardFriendlyName": "Digital Business Card",
     "alreadyHaveADomainLabel": "Already have a domain?",
-    "useExistingDomainLabel": "Use my existing domain"
+    "useExistingDomainLabel": "Use my existing domain",
+    "createTeamCardsLabel": "Create Team Cards"
   }
 }

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-BR.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Site",
     "digitalBusinessCardFriendlyName": "Cartão de visita digital",
     "alreadyHaveADomainLabel": "Já tem um domínio?",
-    "useExistingDomainLabel": "Usar meu domínio existente"
+    "useExistingDomainLabel": "Usar meu domínio existente",
+    "createTeamCardsLabel": "Criar cartões de equipe"
   }
 }

package/src/experiences/components/PublishBrandPageModal/i18n/publish-brand-page-modal.pt-PT.json

@@ -21,6 +21,7 @@
     "websiteFriendlyName": "Website",
     "digitalBusinessCardFriendlyName": "Cartão de visita digital",
     "alreadyHaveADomainLabel": "Já tem um domínio?",
-    "useExistingDomainLabel": "Utilizar o meu domínio existente"
+    "useExistingDomainLabel": "Utilizar o meu domínio existente",
+    "createTeamCardsLabel": "Criar cartões de equipa"
   }
 }

package/src/experiences/components/PublishBrandPageModal/views/PublishedView.vue

@@ -24,19 +24,30 @@
         data-test-brand-page-copy-input
         @on-click="onCopyUrlClick"
       />
-      <Button
-        :label="viewMyWebsiteLabel"
-        :variant="isDesignCom ? 'primary' : 'primary-with-icon'"
-        icon="chevron-right-wide"
-        size="medium"
-        icon-view-box="0 0 24 24"
-        class="tw-my-4"
-        target="_blank"
-        rel="noopener noreferrer"
-        :url="brandPageUrl"
-        :full-width="isMobile"
-        @on-click="onBrandPageUrlClick"
-      />
+      <div
+        class="tw-flex tw-flex-col tw-flex-col-reverse sm:tw-flex-row tw-items-center tw-justify-center tw-gap-2 tw-my-4"
+      >
+        <Button
+          v-if="brandPageType === 'brandContact'"
+          :label="createTeamCardsLabel"
+          variant="outline"
+          :size="isDesignCom ? 'medium' : 'large'"
+          :full-width="isMobile"
+          @on-click="onCreateTeamCardsClick"
+        />
+        <Button
+          :label="viewMyWebsiteLabel"
+          :variant="isDesignCom ? 'primary' : 'primary-with-icon'"
+          icon="chevron-right-wide"
+          size="medium"
+          icon-view-box="0 0 24 24"
+          target="_blank"
+          rel="noopener noreferrer"
+          :url="brandPageUrl"
+          :full-width="isMobile"
+          @on-click="onBrandPageUrlClick"
+        />
+      </div>
     </div>
     <div v-if="showUpsellRotationContainer" class="tw-border-t tw-border-solid tw-border-grayscale-500 tw-p-5">
       <slot name="upsellContainer" />
@@ -105,6 +116,11 @@ export default {
       required: true,
       default: undefined,
     },
+    brandPageType: {
+      type: String,
+      required: false,
+      default: '',
+    },
   },
   emits: [
     'copy-url-clicked',
@@ -112,6 +128,7 @@ export default {
     'on-view-more-domains',
     'on-buy-now-clicked',
     'on-search-text-changed',
+    'on-create-team-cards-click',
   ],
   setup() {
     return {
@@ -119,6 +136,7 @@ export default {
       publishBrandPageModalTr,
       copyLabel: publishBrandPageModalTr('copyLabel'),
       copySuccessLabel: publishBrandPageModalTr('copySuccessLabel'),
+      createTeamCardsLabel: publishBrandPageModalTr('createTeamCardsLabel'),
     };
   },
   computed: {
@@ -144,6 +162,9 @@ export default {
     onBuyNowClick() {
       this.$emit('on-buy-now-clicked');
     },
+    onCreateTeamCardsClick() {
+      this.$emit('on-create-team-cards-click');
+    },
   },
 };
 </script>