@designcrowd/fe-shared-lib 1.5.7-eng-3522-1 → 1.5.7

package/src/experiences/components/PublishBrandPageModal/PublishBrandPageModal.stories.js

@@ -1,262 +1,262 @@
-import Card from './PublishBrandPageCard.vue';
-import PublishBrandPageModal from './PublishBrandPageModal.vue';
-import { domains } from './__fixtures__/data';
-import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
-
-export default {
-  title: 'Components/PublishBrandPageModal',
-  component: PublishBrandPageModal,
-};
-
-const locale = 'en-US';
-
-const loadTranslationAsync = async () => {
-  await setSharedLibLocaleAsync(locale);
-};
-
-export const NotPublishedWithPurchasedDomains = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains,
-        show: false,
-      };
-    },
-    methods: {},
-    template: `
-      <PublishBrandPageModal
-        visible
-        :is-published="false"
-        :is-search-domain-list-modal-visible="false"
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site" 
-        radio-value="slug"
-        :show-radio-buttons="domains.length > 0"
-      />
-    `,
-  };
-};
-
-NotPublishedWithPurchasedDomains.loaders = [loadTranslationAsync];
-
-export const PublishWithSelectedDomain = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains,
-        domainType: 'purchased',
-        customDomain: {
-          domainName: 'doggers.info',
-          created: '2024-07-26T01:44:22.257',
-          updated: null,
-          isAutoRenewEnabled: true,
-          isRegistrationComplete: false,
-          status: 'Active',
-        },
-      };
-    },
-    methods: {
-      onRadioButtonChanged(val) {
-        this.domainType = val;
-      },
-    },
-    template: `
-      <PublishBrandPageModal
-        visible
-        :is-published="false"
-        should-publish
-        :domains="domains"
-        :custom-domain="customDomain"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site"
-        radio-value="purchased"
-        :show-radio-buttons="domains.length > 0"
-        @radio-button-changed="onRadioButtonChanged"
-      />
-    `,
-  };
-};
-
-PublishWithSelectedDomain.loaders = [loadTranslationAsync];
-
-export const SetSlug = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains,
-      };
-    },
-    methods: {},
-    template: `
-      <PublishBrandPageModal
-        visible
-        is-brand-page-slug-edit-mode
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website'
-        brand-page-base-url="https://brand.site"
-        brand-page-slug='test-slug' 
-        :show-radio-buttons="domains.length > 0"
-      />
-    `,
-  };
-};
-
-SetSlug.loaders = [loadTranslationAsync];
-
-export const Published = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains,
-      };
-    },
-    methods: {},
-    template: `
-      <PublishBrandPageModal
-        visible
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/brandname"
-      />
-    `,
-  };
-};
-
-Published.loaders = [loadTranslationAsync];
-
-export const PublishedNoDomains = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains: [],
-      };
-    },
-    methods: {},
-    template: `
-      <PublishBrandPageModal
-        visible
-        is-design-com
-        is-published
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-slug='test-slug' 
-        brand-page-base-url="https://brand.site" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/test-slug"
-      />
-  `,
-  };
-};
-
-PublishedNoDomains.loaders = [loadTranslationAsync];
-
-export const PublishedWithContent = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-    },
-    data() {
-      return {
-        domains,
-      };
-    },
-    methods: {},
-    template: `
-     <PublishBrandPageModal
-        visible
-        is-design-com
-        is-published
-        should-publish
-        :domains="domains"
-        isSubsequentPublish="true"
-        showUpsellRotation="true"
-        brand-page-display-name='Website' 
-        brand-page-slug='test-slug' 
-        brand-page-base-url="https://brand.site" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/test-slug"
-      >
-        <template #upsell>
-          <div>Upsell container goes here 111111</div>
-        </template>
-      </PublishBrandPageModal>
-    `,
-  };
-};
-
-PublishedWithContent.loaders = [loadTranslationAsync];
-
-export const Free = () => {
-  return {
-    components: {
-      PublishBrandPageModal,
-      Card,
-    },
-    data() {
-      return {
-        domains: [],
-        isSearchDomainListModalVisible: false,
-        isDesignCom: false,
-      };
-    },
-    methods: {
-      onHideDomainListModal() {
-        this.isSearchDomainListModalVisible = false;
-      },
-      onShowDomainListModal() {
-        this.isSearchDomainListModalVisible = true;
-      },
-    },
-    template: `
-      <PublishBrandPageModal
-        visible
-        should-publish
-        :domains="domains"
-        brand-page-display-name='Website' 
-        brand-page-base-url="https://brand.site" 
-        radio-value="slug"
-        brand-page-url="https://brand.site/brandname"
-        :show-radio-buttons="domains.length > 0"
-        :is-search-domain-list-modal-visible="isSearchDomainListModalVisible"
-        @on-hide-domain-modal="onHideDomainListModal"
-      >
-        <template #recommended>
-            <Card
-              :imgUrl="'https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg'"
-              title="Custom Domain"
-              description="Make it easy for customers to find you with a domain that matches your business"
-              :is-design-com="isDesignCom"
-              :has-search-button="true"
-              :show-label="true"
-            />
-        </template>
-      </PublishBrandPageModal>
-    `,
-  };
-};
-
-Free.loaders = [loadTranslationAsync];
+import Card from './PublishBrandPageCard.vue';
+import PublishBrandPageModal from './PublishBrandPageModal.vue';
+import { domains } from './__fixtures__/data';
+import { setSharedLibLocaleAsync } from '../../../useSharedLibTranslate';
+
+export default {
+  title: 'Components/PublishBrandPageModal',
+  component: PublishBrandPageModal,
+};
+
+const locale = 'en-US';
+
+const loadTranslationAsync = async () => {
+  await setSharedLibLocaleAsync(locale);
+};
+
+export const NotPublishedWithPurchasedDomains = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains,
+        show: false,
+      };
+    },
+    methods: {},
+    template: `
+      <PublishBrandPageModal
+        visible
+        :is-published="false"
+        :is-search-domain-list-modal-visible="false"
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site" 
+        radio-value="slug"
+        :show-radio-buttons="domains.length > 0"
+      />
+    `,
+  };
+};
+
+NotPublishedWithPurchasedDomains.loaders = [loadTranslationAsync];
+
+export const PublishWithSelectedDomain = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains,
+        domainType: 'purchased',
+        customDomain: {
+          domainName: 'doggers.info',
+          created: '2024-07-26T01:44:22.257',
+          updated: null,
+          isAutoRenewEnabled: true,
+          isRegistrationComplete: false,
+          status: 'Active',
+        },
+      };
+    },
+    methods: {
+      onRadioButtonChanged(val) {
+        this.domainType = val;
+      },
+    },
+    template: `
+      <PublishBrandPageModal
+        visible
+        :is-published="false"
+        should-publish
+        :domains="domains"
+        :custom-domain="customDomain"
+        brand-page-display-name='Website'
+        brand-page-base-url="https://brand.site"
+        radio-value="purchased"
+        :show-radio-buttons="domains.length > 0"
+        @radio-button-changed="onRadioButtonChanged"
+      />
+    `,
+  };
+};
+
+PublishWithSelectedDomain.loaders = [loadTranslationAsync];
+
+export const SetSlug = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains,
+      };
+    },
+    methods: {},
+    template: `
+      <PublishBrandPageModal
+        visible
+        is-brand-page-slug-edit-mode
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website'
+        brand-page-base-url="https://brand.site"
+        brand-page-slug='test-slug' 
+        :show-radio-buttons="domains.length > 0"
+      />
+    `,
+  };
+};
+
+SetSlug.loaders = [loadTranslationAsync];
+
+export const Published = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains,
+      };
+    },
+    methods: {},
+    template: `
+      <PublishBrandPageModal
+        visible
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/brandname"
+      />
+    `,
+  };
+};
+
+Published.loaders = [loadTranslationAsync];
+
+export const PublishedNoDomains = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains: [],
+      };
+    },
+    methods: {},
+    template: `
+      <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-slug='test-slug' 
+        brand-page-base-url="https://brand.site" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/test-slug"
+      />
+  `,
+  };
+};
+
+PublishedNoDomains.loaders = [loadTranslationAsync];
+
+export const PublishedWithContent = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+    },
+    data() {
+      return {
+        domains,
+      };
+    },
+    methods: {},
+    template: `
+     <PublishBrandPageModal
+        visible
+        is-design-com
+        is-published
+        should-publish
+        :domains="domains"
+        isSubsequentPublish="true"
+        showUpsellRotation="true"
+        brand-page-display-name='Website' 
+        brand-page-slug='test-slug' 
+        brand-page-base-url="https://brand.site" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/test-slug"
+      >
+        <template #upsell>
+          <div>Upsell container goes here 111111</div>
+        </template>
+      </PublishBrandPageModal>
+    `,
+  };
+};
+
+PublishedWithContent.loaders = [loadTranslationAsync];
+
+export const Free = () => {
+  return {
+    components: {
+      PublishBrandPageModal,
+      Card,
+    },
+    data() {
+      return {
+        domains: [],
+        isSearchDomainListModalVisible: false,
+        isDesignCom: false,
+      };
+    },
+    methods: {
+      onHideDomainListModal() {
+        this.isSearchDomainListModalVisible = false;
+      },
+      onShowDomainListModal() {
+        this.isSearchDomainListModalVisible = true;
+      },
+    },
+    template: `
+      <PublishBrandPageModal
+        visible
+        should-publish
+        :domains="domains"
+        brand-page-display-name='Website' 
+        brand-page-base-url="https://brand.site" 
+        radio-value="slug"
+        brand-page-url="https://brand.site/brandname"
+        :show-radio-buttons="domains.length > 0"
+        :is-search-domain-list-modal-visible="isSearchDomainListModalVisible"
+        @on-hide-domain-modal="onHideDomainListModal"
+      >
+        <template #recommended>
+            <Card
+              :imgUrl="'https://brandcrowd-cdn.s3.amazonaws.com/public/assets/images/icons/addon/add-ons-domain-name.svg'"
+              title="Custom Domain"
+              description="Make it easy for customers to find you with a domain that matches your business"
+              :is-design-com="isDesignCom"
+              :has-search-button="true"
+              :show-label="true"
+            />
+        </template>
+      </PublishBrandPageModal>
+    `,
+  };
+};
+
+Free.loaders = [loadTranslationAsync];

package/src/experiences/components/PublishBrandPageModal/__fixtures__/data.js

@@ -1,26 +1,26 @@
-export const domains = [
-  {
-    domainName: 'brandcrowdqa.co',
-    created: '2024-07-26T01:42:17.477',
-    updated: null,
-    isAutoRenewEnabled: true,
-    isRegistrationComplete: false,
-    status: 'Inactive',
-  },
-  {
-    domainName: 'doggers.info',
-    created: '2024-07-26T01:44:22.257',
-    updated: null,
-    isAutoRenewEnabled: true,
-    isRegistrationComplete: false,
-    status: 'Active',
-  },
-  {
-    domainName: 'yourstories.live',
-    created: '2024-08-20T00:39:25.193',
-    updated: null,
-    isAutoRenewEnabled: true,
-    isRegistrationComplete: false,
-    status: 'Registration Started',
-  },
+export const domains = [
+  {
+    domainName: 'brandcrowdqa.co',
+    created: '2024-07-26T01:42:17.477',
+    updated: null,
+    isAutoRenewEnabled: true,
+    isRegistrationComplete: false,
+    status: 'Inactive',
+  },
+  {
+    domainName: 'doggers.info',
+    created: '2024-07-26T01:44:22.257',
+    updated: null,
+    isAutoRenewEnabled: true,
+    isRegistrationComplete: false,
+    status: 'Active',
+  },
+  {
+    domainName: 'yourstories.live',
+    created: '2024-08-20T00:39:25.193',
+    updated: null,
+    isAutoRenewEnabled: true,
+    isRegistrationComplete: false,
+    status: 'Registration Started',
+  },
 ];

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

@@ -1,24 +1,24 @@
-{
-  "publishBrandPageModal" : {
-    "firstTimePublishHeaderLabel" : "Legen Sie die URL für {{brandPageDisplayName}} fest",
-    "sitePublishedLabel" : "Seite veröffentlicht!",
-    "publishSuccessLabel" : "Ihr {{brandPageDisplayName}} ist live! Beginnen Sie mit der Nutzung Ihres Links:",
-    "freePublishCardTitleLabel" : "Freie Adresse",
-    "freePublishCardDescriptionLabel" : "Wählen Sie jetzt eine kostenlose Adresse zur Veröffentlichung aus. Sie können die URL später jederzeit bearbeiten",
-    "slugInputPlaceholderYourNameLabel" : "ihr-name",
-    "slugInputPlaceholderYourBusinessNameLabel" : "ihr-firmen-name",
-    "freeDomainLabel" : "Kostenlose Domain",
-    "purchasedDomainLabel" : "Erworbene Domain",
-    "setUrlLabel" : "URL festlegen",
-    "publishLabel" : "Veröffentlichen",
-    "viewMoreDomainLabel" : "WEITERE DOMAINS ANZEIGEN",
-    "viewMyWebsiteLabel" : "{{brandPageDisplayName}} anzeigen",
-    "copyLabel" : "Kopieren",
-    "copySuccessLabel" : "Kopiert!",
-    "publishedSuccessDescriptionLabel" : "Kaufen Sie eine passende Domain für Ihre Marke",
-    "hasAlreadyPurchasedDomainCloseButtonLabel" : "Nein, danke, vielleicht später",
-    "selectDomainDropdownPlaceholder" : "Domain auswählen",
-    "websiteFriendlyName" : "Website",
-    "digitalBusinessCardFriendlyName" : "Digitale Visitenkarte"
-  }
-}
+{
+  "publishBrandPageModal" : {
+    "firstTimePublishHeaderLabel" : "Legen Sie die URL für {{brandPageDisplayName}} fest",
+    "sitePublishedLabel" : "Seite veröffentlicht!",
+    "publishSuccessLabel" : "Ihr {{brandPageDisplayName}} ist live! Beginnen Sie mit der Nutzung Ihres Links:",
+    "freePublishCardTitleLabel" : "Freie Adresse",
+    "freePublishCardDescriptionLabel" : "Wählen Sie jetzt eine kostenlose Adresse zur Veröffentlichung aus. Sie können die URL später jederzeit bearbeiten",
+    "slugInputPlaceholderYourNameLabel" : "ihr-name",
+    "slugInputPlaceholderYourBusinessNameLabel" : "ihr-firmen-name",
+    "freeDomainLabel" : "Kostenlose Domain",
+    "purchasedDomainLabel" : "Erworbene Domain",
+    "setUrlLabel" : "URL festlegen",
+    "publishLabel" : "Veröffentlichen",
+    "viewMoreDomainLabel" : "WEITERE DOMAINS ANZEIGEN",
+    "viewMyWebsiteLabel" : "{{brandPageDisplayName}} anzeigen",
+    "copyLabel" : "Kopieren",
+    "copySuccessLabel" : "Kopiert!",
+    "publishedSuccessDescriptionLabel" : "Kaufen Sie eine passende Domain für Ihre Marke",
+    "hasAlreadyPurchasedDomainCloseButtonLabel" : "Nein, danke, vielleicht später",
+    "selectDomainDropdownPlaceholder" : "Domain auswählen",
+    "websiteFriendlyName" : "Website",
+    "digitalBusinessCardFriendlyName" : "Digitale Visitenkarte"
+  }
+}

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

@@ -1,24 +1,24 @@
-{
-  "publishBrandPageModal" : {
-    "firstTimePublishHeaderLabel" : "Establece la URL para {{brandPageDisplayName}}",
-    "sitePublishedLabel" : "¡Sitio publicado!",
-    "publishSuccessLabel" : "¡Tu {{brandPageDisplayName}} está activo! Comienza a usar tu enlace:",
-    "freePublishCardTitleLabel" : "Dirección gratuita",
-    "freePublishCardDescriptionLabel" : "Elige una dirección gratuita para publicar ahora. Siempre puedes editar la URL más tarde",
-    "slugInputPlaceholderYourNameLabel" : "tu-nombre",
-    "slugInputPlaceholderYourBusinessNameLabel" : "nombre-de-tu-negocio",
-    "freeDomainLabel" : "Dominio gratis",
-    "purchasedDomainLabel" : "Dominio adquirido",
-    "setUrlLabel" : "Establece URL",
-    "publishLabel" : "Publicar",
-    "viewMoreDomainLabel" : "VER MÁS DOMINIOS",
-    "viewMyWebsiteLabel" : "Ver {{brandPageDisplayName}}",
-    "copyLabel" : "Copiar",
-    "copySuccessLabel" : "¡Copiado!",
-    "publishedSuccessDescriptionLabel" : "Compra un nombre de dominio que coincida con tu marca",
-    "hasAlreadyPurchasedDomainCloseButtonLabel" : "No gracias, quizás más tarde",
-    "selectDomainDropdownPlaceholder" : "Selecciona un nombre de dominio",
-    "websiteFriendlyName" : "Sitio web",
-    "digitalBusinessCardFriendlyName" : "Tarjeta de visita digital"
-  }
-}
+{
+  "publishBrandPageModal" : {
+    "firstTimePublishHeaderLabel" : "Establece la URL para {{brandPageDisplayName}}",
+    "sitePublishedLabel" : "¡Sitio publicado!",
+    "publishSuccessLabel" : "¡Tu {{brandPageDisplayName}} está activo! Comienza a usar tu enlace:",
+    "freePublishCardTitleLabel" : "Dirección gratuita",
+    "freePublishCardDescriptionLabel" : "Elige una dirección gratuita para publicar ahora. Siempre puedes editar la URL más tarde",
+    "slugInputPlaceholderYourNameLabel" : "tu-nombre",
+    "slugInputPlaceholderYourBusinessNameLabel" : "nombre-de-tu-negocio",
+    "freeDomainLabel" : "Dominio gratis",
+    "purchasedDomainLabel" : "Dominio adquirido",
+    "setUrlLabel" : "Establece URL",
+    "publishLabel" : "Publicar",
+    "viewMoreDomainLabel" : "VER MÁS DOMINIOS",
+    "viewMyWebsiteLabel" : "Ver {{brandPageDisplayName}}",
+    "copyLabel" : "Copiar",
+    "copySuccessLabel" : "¡Copiado!",
+    "publishedSuccessDescriptionLabel" : "Compra un nombre de dominio que coincida con tu marca",
+    "hasAlreadyPurchasedDomainCloseButtonLabel" : "No gracias, quizás más tarde",
+    "selectDomainDropdownPlaceholder" : "Selecciona un nombre de dominio",
+    "websiteFriendlyName" : "Sitio web",
+    "digitalBusinessCardFriendlyName" : "Tarjeta de visita digital"
+  }
+}