@designcrowd/library.brand-page 5.14.15 → 5.14.16

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@designcrowd/library.brand-page",
   "description": "A collection of Maker/Designer applications",
-  "version": "5.14.15",
+  "version": "5.14.16",
   "author": "Design.com Eng",
   "license": "UNLICENSED",
   "type": "module",

package/src/brand-page/components/shop/Shop.vue

@@ -32,7 +32,7 @@
             :view-model="viewModel"
             :context="context"
             :item-style="itemStyle"
-            :currency-symbol="data.defaultCurrencySymbol"
+            :currency-symbol="currencySymbol"
             @on-product-detail="onShowProductDetailModal"
           />
           <ThumbnailDisplay
@@ -41,7 +41,7 @@
             :context="context"
             :aspect-ratio="aspectRatio"
             :item-style="itemStyle"
-            :currency-symbol="data.defaultCurrencySymbol"
+            :currency-symbol="currencySymbol"
             :content-index="contentIndex"
             @on-product-detail="onShowProductDetailModal"
           />
@@ -51,7 +51,7 @@
             :context="context"
             :aspect-ratio="aspectRatio"
             :item-style="itemStyle"
-            :currency-symbol="data.defaultCurrencySymbol"
+            :currency-symbol="currencySymbol"
             :content-index="contentIndex"
             @on-product-detail="onShowProductDetailModal"
           />
@@ -201,9 +201,6 @@ const data = reactive({
   isAddCartSuccess: false,
   product: {} as ProductModel,
   isActivePaymentProvider: false,
-  defaultCurrencySymbol:
-    props.viewModel.shopPaymentConfig?.paymentConfig?.defaultCurrencySymbol ??
-    '$',
 });
 
 const viewCartText = computed(() => {

package/src/brand-page-maker/components/shop/ProductConfigModal.vue

@@ -36,7 +36,10 @@
         </div>
       </template>
       <template #default>
-        <AddOrEditProductContainer v-if="!isImageUpload" />
+        <AddOrEditProductContainer
+          v-if="!isImageUpload"
+          :currency-symbol="currencySymbol"
+        />
         <ImageUpload v-else />
       </template>
       <template v-if="!isImageUpload" #footer>
@@ -78,6 +81,13 @@ import { productTr } from '../../../composables/useTranslate';
 
 const productSettingStore = useProductConfigStore();
 
+interface Props {
+  currencySymbol: string;
+}
+const props = withDefaults(defineProps<Props>(), {
+  currencySymbol: '$',
+});
+
 const emit = defineEmits(['on-close', 'on-save']);
 
 const isVisible = computed(() => productSettingStore.showModal);

package/src/shared/ecommerce-settings/components/product-config-field/ProductConfigOption.vue

@@ -29,7 +29,7 @@
         <div class="tw-flex tw-flex-col tw-break-all">
           <div class="tw-text-md tw-font-sans">{{ product.item.name }}</div>
           <div class="tw-text-sm tw-text-grayscale-600">
-            {{ shopSettingStore.currencySymbol }}{{ displayPrice(product) }}
+            {{ currencySymbol }}{{ displayPrice(product) }}
           </div>
         </div>
       </template>
@@ -45,6 +45,7 @@
     <ProductConfigModal
       v-if="productSettingStore.showModal"
       class="modal-product-config"
+      :currency-symbol="currencySymbol"
       @on-save="onSaveProductModal"
     />
     <!-- End Product modal -->
@@ -53,10 +54,10 @@
 <script setup lang="ts">
 import { Button, Icon } from '@designcrowd/fe-shared-lib';
 import ItemsField from '../../../content-settings/components/items-field/ItemsField.vue';
-import type { PaymentOption } from '../../../../brand-page/models';
+import type { PaymentOption, ShopContent } from '../../../../brand-page/models';
 import { useShopConfigStore } from '../../store/shop-settings-store';
 import type { ProductModel } from '../../../../brand-page/models/shop.model';
-import { reactive } from 'vue';
+import { computed, reactive } from 'vue';
 import type { DebounceHandle } from 'lodash.debounce';
 import cloneDeep from 'lodash.clonedeep';
 import type { UpdateItemValuePayload } from '../../../../shared/content-settings/models';
@@ -72,6 +73,7 @@ const props = withDefaults(
     name: string;
     canCollapse: boolean;
     value: ProductModel[];
+    content: ShopContent;
   }>(),
   {},
 );
@@ -160,6 +162,12 @@ const displayPrice = (product) => {
 
   return ` ${finalPrice}`;
 };
+
+const currencySymbol = computed((): any => {
+  return (
+    props.content.shopPaymentConfig?.paymentConfig?.defaultCurrencySymbol ?? '$'
+  );
+});
 </script>
 <style scoped>
 @media (min-width: 640px) {