@designcrowd/fe-shared-lib 1.3.6-currency-4 → 1.3.6-textarea-ssr-fix-3

package/dist/css/tailwind-designCom.css

@@ -643,6 +643,10 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
+.tw-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -651,6 +655,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +687,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -706,12 +717,12 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
-.tw-ml-6 {
-  margin-left: 1.5rem;
-}
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -820,6 +831,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1003,6 +1018,9 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1184,6 +1202,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1433,6 +1454,17 @@ video {
 .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.tw-from-\[\#d946ef\] {
+  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1571,6 +1603,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1706,6 +1741,9 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.tw-pt-4 {
+  padding-top: 1rem;
+}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1715,6 +1753,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2007,6 +2048,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(50 71 197 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(236 238 254 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(121 139 249 / var(--tw-bg-opacity));
@@ -2071,6 +2116,10 @@ video {
   --tw-shadow-color: #3f59f6 !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.hover\:tw-brightness-\[0\.85\]:hover {
+  --tw-brightness: brightness(0.85);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(182 58 42 / var(--tw-border-opacity));
@@ -2213,6 +2262,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2282,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2302,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2314,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2350,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2408,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/dist/css/tailwind-designCrowd.css

@@ -643,6 +643,10 @@ video {
   margin-top: 0px;
   margin-bottom: 0px;
 }
+.tw-my-1 {
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
+}
 .tw-my-10 {
   margin-top: 2.5rem;
   margin-bottom: 2.5rem;
@@ -651,6 +655,10 @@ video {
   margin-top: 1rem;
   margin-bottom: 1rem;
 }
+.tw-my-5 {
+  margin-top: 1.25rem;
+  margin-bottom: 1.25rem;
+}
 .tw-my-auto {
   margin-top: auto;
   margin-bottom: auto;
@@ -679,6 +687,9 @@ video {
 .tw-mb-1 {
   margin-bottom: 0.25rem;
 }
+.tw-mb-10 {
+  margin-bottom: 2.5rem;
+}
 .tw-mb-2 {
   margin-bottom: 0.5rem;
 }
@@ -706,12 +717,12 @@ video {
 .tw-ml-4 {
   margin-left: 1rem;
 }
-.tw-ml-6 {
-  margin-left: 1.5rem;
-}
 .tw-ml-auto {
   margin-left: auto;
 }
+.tw-mr-1 {
+  margin-right: 0.25rem;
+}
 .tw-mr-2 {
   margin-right: 0.5rem;
 }
@@ -820,6 +831,10 @@ video {
 .tw-h-auto {
   height: auto;
 }
+.tw-h-fit {
+  height: -moz-fit-content;
+  height: fit-content;
+}
 .tw-h-full {
   height: 100%;
 }
@@ -1003,6 +1018,9 @@ video {
 .tw-animate-spin {
   animation: tw-spin 1s linear infinite;
 }
+.\!tw-cursor-not-allowed {
+  cursor: not-allowed !important;
+}
 .tw-cursor-not-allowed {
   cursor: not-allowed;
 }
@@ -1184,6 +1202,9 @@ video {
 .tw-border-b-0 {
   border-bottom-width: 0px;
 }
+.tw-border-b-2 {
+  border-bottom-width: 2px;
+}
 .tw-border-b-4 {
   border-bottom-width: 4px;
 }
@@ -1433,6 +1454,17 @@ video {
 .tw-bg-opacity-80 {
   --tw-bg-opacity: 0.8;
 }
+.tw-bg-gradient-to-t {
+  background-image: linear-gradient(to top, var(--tw-gradient-stops));
+}
+.tw-from-\[\#d946ef\] {
+  --tw-gradient-from: #d946ef var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(217 70 239 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.tw-to-\[\#8b5cf6\] {
+  --tw-gradient-to: #8b5cf6 var(--tw-gradient-to-position);
+}
 .tw-bg-no-repeat {
   background-repeat: no-repeat;
 }
@@ -1571,6 +1603,9 @@ video {
 .tw-p-4 {
   padding: 1rem;
 }
+.tw-p-5 {
+  padding: 1.25rem;
+}
 .tw-p-6 {
   padding: 1.5rem;
 }
@@ -1706,6 +1741,9 @@ video {
 .tw-pt-2 {
   padding-top: 0.5rem;
 }
+.tw-pt-4 {
+  padding-top: 1rem;
+}
 .tw-pt-6 {
   padding-top: 1.5rem;
 }
@@ -1715,6 +1753,9 @@ video {
 .tw-text-center {
   text-align: center;
 }
+.tw-align-top {
+  vertical-align: top;
+}
 .tw-align-middle {
   vertical-align: middle;
 }
@@ -2007,6 +2048,10 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(14 121 188 / var(--tw-bg-opacity));
 }
+.hover\:tw-bg-primary-100:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(207 234 251 / var(--tw-bg-opacity));
+}
 .hover\:tw-bg-primary-400:hover {
   --tw-bg-opacity: 1;
   background-color: rgb(65 172 239 / var(--tw-bg-opacity));
@@ -2071,6 +2116,10 @@ video {
   --tw-shadow-color: #1197EB !important;
   --tw-shadow: var(--tw-shadow-colored) !important;
 }
+.hover\:tw-brightness-\[0\.85\]:hover {
+  --tw-brightness: brightness(0.85);
+  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
+}
 .focus\:tw-border-error-600:focus {
   --tw-border-opacity: 1;
   border-color: rgb(195 50 48 / var(--tw-border-opacity));
@@ -2213,6 +2262,10 @@ video {
     margin-left: 1rem;
   }
 
+  .md\:tw-mr-2 {
+    margin-right: 0.5rem;
+  }
+
   .md\:tw-mt-0 {
     margin-top: 0px;
   }
@@ -2229,6 +2282,10 @@ video {
     display: grid;
   }
 
+  .md\:tw-hidden {
+    display: none;
+  }
+
   .md\:tw-h-10 {
     height: 2.5rem;
   }
@@ -2245,6 +2302,10 @@ video {
     width: 2.5rem;
   }
 
+  .md\:tw-w-24 {
+    width: 6rem;
+  }
+
   .md\:tw-w-auto {
     width: auto;
   }
@@ -2253,6 +2314,14 @@ video {
     width: 100%;
   }
 
+  .md\:tw-max-w-full {
+    max-width: 100%;
+  }
+
+  .md\:tw-grow {
+    flex-grow: 1;
+  }
+
   .md\:tw-grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }
@@ -2281,6 +2350,10 @@ video {
     justify-content: flex-start;
   }
 
+  .md\:tw-justify-end {
+    justify-content: flex-end;
+  }
+
   .md\:tw-justify-center {
     justify-content: center;
   }
@@ -2335,6 +2408,10 @@ video {
     padding-bottom: 0.5rem;
   }
 
+  .md\:tw-pl-4 {
+    padding-left: 1rem;
+  }
+
   .md\:tw-pr-2 {
     padding-right: 0.5rem;
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@designcrowd/fe-shared-lib",
-  "version": "1.3.6-currency-4",
+  "version": "1.3.6-textarea-ssr-fix-3",
   "scripts": {
     "start": "run-p storybook watch:translation",
     "build": "npm run build:css --production",

package/src/atoms/components/Dropdown/DropdownItem.vue

@@ -2,7 +2,7 @@
   <div>
     <div
       class="tw-flex tw-items-center tw-px-2 tw-py-2 tw-cursor-pointer"
-      @click.stop="onClick"
+      @click="onClick"
       :class="{
         'dropdown-item-hover': backgroundHover,
       }"

package/src/atoms/components/Textarea/Textarea.vue

@@ -96,7 +96,17 @@ export default {
       }
     },
     autoFitToContent() {
+      // Guard against server-side rendering where document is not available
+      if (typeof document === 'undefined' || typeof window === 'undefined') {
+        return;
+      }
+
       setTimeout(() => {
+        // Double-check SSR safety inside the setTimeout callback
+        if (typeof document === 'undefined' || typeof window === 'undefined') {
+          return;
+        }
+
         const textarea = document.getElementById(`scl-input-${this.id}`);
         if (textarea) {
           textarea.style.height = 'auto';

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

@@ -9,8 +9,7 @@
     "connected": "Verbunden",
     "inactive": "Inaktiv",
     "addPaymentProvider": "Zahlungsanbieter hinzufügen",
-    "deletePaymentMethod": "Zahlungsmethode löschen",
-    "currencyLabel": "Währung"
+    "deletePaymentMethod": "Zahlungsmethode löschen"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Legen Sie die URL für {{brandPageDisplayName}} fest",

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

@@ -9,8 +9,7 @@
     "connected": "Conectado",
     "inactive": "Inactivo",
     "addPaymentProvider": "Añadir proveedor de pago",
-    "deletePaymentMethod": "Eliminar método de pago",
-    "currencyLabel": "Moneda"
+    "deletePaymentMethod": "Eliminar método de pago"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Establece la URL para {{brandPageDisplayName}}",

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

@@ -9,8 +9,7 @@
     "connected": "Connecté",
     "inactive": "Inactif",
     "addPaymentProvider": "Ajouter un fournisseur de paiement",
-    "deletePaymentMethod": "Supprimer le mode de paiement",
-    "currencyLabel": "Devise"
+    "deletePaymentMethod": "Supprimer le mode de paiement"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",

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

@@ -9,8 +9,7 @@
     "connected": "Connecté",
     "inactive": "Inactif",
     "addPaymentProvider": "Ajouter un fournisseur de paiement",
-    "deletePaymentMethod": "Supprimer le mode de paiement",
-    "currencyLabel": "Devise"
+    "deletePaymentMethod": "Supprimer le mode de paiement"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Définissez l'URL pour {{brandPageDisplayName}}",

package/src/bundles/bundled-translations.json

@@ -9,8 +9,7 @@
     "connected": "Connected",
     "inactive": "Inactive",
     "addPaymentProvider": "Add Payment Provider",
-    "deletePaymentMethod": "Delete payment method",
-    "currencyLabel": "Currency"
+    "deletePaymentMethod": "Delete payment method"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Set the URL for {{brandPageDisplayName}}",

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

@@ -9,8 +9,7 @@
     "connected": "Conectado",
     "inactive": "Inativo",
     "addPaymentProvider": "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod": "Excluir método de pagamento",
-    "currencyLabel": "Moeda"
+    "deletePaymentMethod": "Excluir método de pagamento"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",

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

@@ -9,8 +9,7 @@
     "connected": "Ligado",
     "inactive": "Inativo",
     "addPaymentProvider": "Adicionar fornecedor de pagamentos",
-    "deletePaymentMethod": "Eliminar método de pagamento",
-    "currencyLabel": "Moeda"
+    "deletePaymentMethod": "Eliminar método de pagamento"
   },
   "publishBrandPageModal": {
     "firstTimePublishHeaderLabel": "Defina o URL para {{brandPageDisplayName}}",

package/src/experiences/clients/brand-page-api.client.js

@@ -24,20 +24,6 @@ const getPaymentConfigsByBrandPageToken = async (brandPageToken) => {
   }
 };
 
-const getPaymentConfigCurrencyListByBrandPageTokenAsync = async () => {
-  try {
-    const response = await getAxios().get(`/maker/api/brand-pages/payment-configs/currency-list`);
-
-    if (response.status === 200) {
-      return response.data;
-    }
-
-    return null;
-  } catch (err) {
-    return null;
-  }
-};
-
 const deletePaymentConfigByBrandPageTokenAndConfigId = async (brandPageToken, paymentConfigId) => {
   try {
     const response = await getAxios().delete(`/maker/api/brand-pages/${brandPageToken}/payment-configs`, {
@@ -58,5 +44,4 @@ export default {
   setBrandPageApiClientAxios,
   getPaymentConfigsByBrandPageToken,
   deletePaymentConfigByBrandPageTokenAndConfigId,
-  getPaymentConfigCurrencyListByBrandPageTokenAsync,
 };

package/src/experiences/components/AuthFlow/AuthModal.vue

@@ -17,7 +17,7 @@
   </div>
 </template>
 <script>
-import Icon from '../../../atoms/components/Icon/Icon.vue';
+import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
 
 export default {
   components: {

package/src/experiences/components/AuthFlow/ForgotPassword.vue

@@ -74,7 +74,7 @@
 </template>
 <script>
 import { getCurrentLocale } from '../../../useSharedLibTranslate';
-import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
+import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
 import SubmissionButton from './SubmissionButton.vue';
 
 export default {

package/src/experiences/components/AuthFlow/ResetPassword.vue

@@ -64,7 +64,7 @@
 </template>
 <script>
 import { getCurrentLocale } from '../../../useSharedLibTranslate';
-import HelloBar from '../../../atoms/components/HelloBar/HelloBar.vue';
+import HelloBar from '../../../../src/atoms/components/HelloBar/HelloBar.vue';
 import SubmissionButton from './SubmissionButton.vue';
 
 export default {

package/src/experiences/components/AuthFlow/ResetPasswordSuccessModal.vue

@@ -19,7 +19,7 @@
   </div>
 </template>
 <script>
-import Button from '../../../atoms/components/Button/Button.vue';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
 
 import AuthModal from './AuthModal.vue';
 

package/src/experiences/components/AuthFlow/SocialSignInButton.vue

@@ -23,7 +23,7 @@
   </button>
 </template>
 <script>
-import Icon from '../../../atoms/components/Icon/Icon.vue';
+import Icon from '../../../../src/atoms/components/Icon/Icon.vue';
 
 const TYPES = {
   FACEBOOK: 'facebook',

package/src/experiences/components/AuthFlow/SubmissionButton.vue

@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import Button from '../../../atoms/components/Button/Button.vue';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
 
 export default {
   components: {

package/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js

@@ -32,15 +32,9 @@ export default {
   data: () => ({
     isLoading: true,
     paymentConfigs: [],
-    currencies: [],
     selectedPaymentConfig: {},
     isStripeOptionActionVisible: false,
   }),
-  computed: {
-    selectedCurrency() {
-      return this.currencies.find((currency) => currency.iso4127Code === this.selectedPaymentConfig?.defaultCurrency);
-    },
-  },
   methods: {
     getPaymentConfigStatusDisplayText(paymentConfigStatus) {
       switch (paymentConfigStatus) {
@@ -100,19 +94,5 @@ export default {
         this.isLoading = false;
       }
     },
-
-    async getCurrentListAsync() {
-      try {
-        const result = await brandPageApiClient.getPaymentConfigCurrencyListByBrandPageTokenAsync();
-
-        if (result) {
-          this.currencies = result?.currencies || [];
-        }
-      } catch (err) {
-        if (process.env.NODE_ENV !== 'production') {
-          console.error(`Error fetching currency list: ${err}`);
-        }
-      }
-    },
   },
 };

package/src/experiences/components/PaymentConfigList/PaymentConfigDeleteConfigModal.vue

@@ -40,17 +40,17 @@
   </Modal>
 </template>
 <script>
-import Modal from '../../../atoms/components/Modal/Modal.vue';
-import Button from '../../../atoms/components/Button/Button.vue';
-import Loader from '../../../atoms/components/Loader/Loader.vue';
-import brandPageApiClient from '../../clients/brand-page-api.client';
-
+import Modal from '../../../../src/atoms/components/Modal/Modal.vue';
+import Button from '../../../../src/atoms/components/Button/Button.vue';
+import Loader from '../../../../src/atoms/components/Loader/Loader.vue';
+import brandPageApiClient from './../../clients/brand-page-api.client';
 export default {
   components: {
     Modal,
     Button,
     Loader,
   },
+  emits: ['close-modal', 'on-delete'],
   props: {
     paymentConfig: {
       type: Object,
@@ -60,10 +60,8 @@ export default {
     brandPageToken: {
       type: String,
       required: false,
-      default: () => undefined,
     },
   },
-  emits: ['close-modal', 'on-delete'],
   data: () => ({
     isLoading: false,
   }),