@sc-360-v2/storefront-cms-library 0.4.20 → 0.4.22

package/dist/store-locations.scss

@@ -131,22 +131,79 @@
       .store__container {
         .stack {
           .vertical {
-            .item:not(:last-child)::after {
-              content: "";
-              position: absolute;
-              left: 0;
-              right: 0;
-              bottom: calc(
-                -1 * (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
-              );
-              height: var(
-                --_ctm-mob-dn-im-se-dr-wt,
-                var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
-              );
-              background-color: var(
-                --_ctm-mob-dn-im-se-dr-cr,
-                var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr))
-              );
+            .radio_wrapper {
+              position: relative;
+
+              &:not(:last-child)::after {
+                content: "";
+                position: absolute;
+                left: 0;
+                right: 0;
+                bottom: calc(
+                  -1 *
+                    (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
+                );
+                height: var(
+                  --_ctm-mob-dn-im-se-dr-wt,
+                  var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
+                );
+                background-color: var(
+                  --_ctm-mob-dn-im-se-dr-cr,
+                  var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr))
+                );
+              }
+            }
+          }
+          // .horizontal {
+          //   .radio_wrapper {
+          //     position: relative;
+          //     background-color: red;
+          //     &:not(:last-child)::after {
+          //       content: "";
+          //       position: absolute;
+          //       top: 0;
+          //       bottom: 0;
+          //       right: calc(
+          //         -1 *
+          //           (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
+          //       );
+          //       height: var(
+          //         --_ctm-mob-dn-im-se-dr-wt,
+          //         var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
+          //       );
+          //       background-color: var(
+          //         --_ctm-mob-dn-im-se-dr-cr,
+          //         var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr))
+          //       );
+          //     }
+          //   }
+          // }
+          .horizontal {
+            display: flex;
+            // align-items: center;
+
+            .radio_wrapper {
+              position: relative;
+
+              &:not(:last-child)::after {
+                content: "";
+                position: absolute;
+                top: 50%;
+                transform: translateY(-50%);
+                right: calc(
+                  -1 *
+                    (var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg))) / 2)
+                );
+                width: var(
+                  --_ctm-mob-dn-im-se-dr-wt,
+                  var(--_ctm-tab-dn-im-se-dr-wt, var(--_ctm-dn-im-se-dr-wt))
+                );
+                height: 85%;
+                background-color: var(
+                  --_ctm-mob-dn-im-se-dr-cr,
+                  var(--_ctm-tab-dn-im-se-dr-cr, var(--_ctm-dn-im-se-dr-cr, #ccc))
+                );
+              }
             }
           }
         }
@@ -157,6 +214,7 @@
       .store__container {
         .loadmore_conatiner {
           button {
+            width: max-content;
             box-shadow: var(
                 --_ctm-mob-dn-sw-me-is-bn-sw-ae,
                 var(--_ctm-tab-dn-sw-me-is-bn-sw-ae, var(--_ctm-dn-sw-me-is-bn-sw-ae))
@@ -240,7 +298,7 @@
     .store__container {
       display: flex;
       flex-direction: column;
-      align-items: center;
+      align-items: flex-start;
       padding: var(--_ctm-mob-lt-pg, var(--_ctm-tab-lt-pg, var(--_ctm-lt-pg)));
       width: 100%;
       background-color: var(
@@ -553,22 +611,6 @@
             --_ctm-mob-dn-se-ls-bn-dt-se-ue,
             var(--_ctm-tab-dn-se-ls-bn-dt-se-ue, var(--_ctm-dn-se-ls-bn-dt-se-ue))
           );
-          svg {
-            width: var(
-              --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
-              var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
-            );
-            height: var(
-              --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
-              var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
-            );
-            path {
-              stroke: var(
-                --_ctm-mob-dn-se-ls-bn-dt-se-in-c1,
-                var(--_ctm-tab-dn-se-ls-bn-dt-se-in-c1, var(--_ctm-dn-se-ls-bn-dt-se-in-c1))
-              );
-            }
-          }
           &:hover {
             border-color: var(
               --_ctm-mob-dn-se-ls-bn-hr-se-br-cr,
@@ -651,8 +693,7 @@
               --_ctm-mob-dn-se-ls-bn-hr-se-ue,
               var(--_ctm-tab-dn-se-ls-bn-hr-se-ue, var(--_ctm-dn-se-ls-bn-hr-se-ue))
             );
-
-            svg {
+            .icon {
               width: var(
                 --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
                 var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
@@ -661,13 +702,64 @@
                 --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
                 var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
               );
+              svg {
+                width: var(
+                  --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
+                  var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
+                );
+                height: var(
+                  --_ctm-mob-dn-se-ls-bn-hr-se-in-se,
+                  var(--_ctm-tab-dn-se-ls-bn-hr-se-in-se, var(--_ctm-dn-se-ls-bn-hr-se-in-se))
+                );
+                path {
+                  stroke: var(
+                    --_ctm-mob-dn-se-ls-bn-hr-se-in-c1,
+                    var(--_ctm-tab-dn-se-ls-bn-hr-se-in-c1, var(--_ctm-dn-se-ls-bn-hr-se-in-c1))
+                  );
+                }
+              }
+              &.open {
+                transform: rotate(180deg);
+              }
+
+              &.closed {
+                transform: rotate(0deg);
+              }
+            }
+          }
+          .icon {
+            width: var(
+              --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
+              var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
+            );
+            height: var(
+              --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
+              var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
+            );
+            svg {
+              width: var(
+                --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
+                var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
+              );
+              height: var(
+                --_ctm-mob-dn-se-ls-bn-dt-se-in-se,
+                var(--_ctm-tab-dn-se-ls-bn-dt-se-in-se, var(--_ctm-dn-se-ls-bn-dt-se-in-se))
+              );
               path {
                 stroke: var(
-                  --_ctm-mob-dn-se-ls-bn-hr-se-in-c1,
-                  var(--_ctm-tab-dn-se-ls-bn-hr-se-in-c1, var(--_ctm-dn-se-ls-bn-hr-se-in-c1))
+                  --_ctm-mob-dn-se-ls-bn-dt-se-in-c1,
+                  var(--_ctm-tab-dn-se-ls-bn-dt-se-in-c1, var(--_ctm-dn-se-ls-bn-dt-se-in-c1))
                 );
               }
             }
+
+            &.open {
+              transform: rotate(180deg);
+            }
+
+            &.closed {
+              transform: rotate(0deg);
+            }
           }
         }
       }
@@ -777,36 +869,52 @@
         .horizontal {
           display: flex;
           flex-direction: row;
-          align-items: center;
           margin-top: 10px;
           gap: var(--_ctm-mob-lt-im-sg, var(--_ctm-tab-lt-im-sg, var(--_ctm-lt-im-sg)));
           .radio_wrapper {
+            display: flex;
             .custom_radio {
               position: relative;
+              display: flex;
+              padding: prepareMediaVariable(--_ctm-dn-ro-bn-pg, 0);
+              // align-items: center;
+
               input[type="radio"] {
-                margin-right: 12px;
-                width: 16px;
-                height: 16px;
-                accent-color: #2563eb;
-                cursor: pointer;
-                display: none;
-              }
-              .radio-style {
+                appearance: none;
                 width: 20px;
                 height: 20px;
-                border-radius: 50%;
                 border: 1px solid #d0d5dd;
-                background: white;
-                display: inline-block;
-                box-sizing: border-box;
-                transition: all 0.2s;
+                border-radius: 50%;
+                background-color: #fff;
+                cursor: pointer;
+                transition: all 0.2s ease;
+                position: relative;
               }
-              input[type="radio"]:checked + .radio-style {
-                background-color: var(--_base-white);
-                border: 5px solid var(--_primary-400);
+
+              input[type="radio"]::before {
+                content: "";
+                position: absolute;
+                top: 50%;
+                left: 50%;
+                width: 10px;
+                height: 10px;
+                background-color: var(--_primary-400);
+                border-radius: 50%;
+                transform: translate(-50%, -50%) scale(0);
+                transition: transform 0.2s ease;
+              }
+
+              input[type="radio"]:checked::before {
+                transform: translate(-50%, -50%) scale(1);
+              }
+
+              input[type="radio"]:focus {
+                outline: 2px solid var(--_primary-200);
+                outline-offset: 2px;
               }
             }
             .item {
+              position: relative;
               padding: var(
                   --_ctm-mob-dn-im-se-vl-pg,
                   var(--_ctm-tab-dn-im-se-vl-pg, var(--_ctm-dn-im-se-vl-pg))

package/dist/types/builder/tools/element-edit/productPrice.d.ts

@@ -15,7 +15,15 @@ export declare enum SelectorKeysEnum {
     EMBELLISHMENT_PRICE = "embellishmentPrice",
     PRODUCT_TAX = "productTax",
     PRODUCT_SHIPPING_PRICE = "productShippingPrice",
-    DATA_CONNECTOR = "dataConnector"
+    DATA_CONNECTOR = "dataConnector",
+    GIFT_CARD = "giftCard",
+    CARD_WRAPPER = "cardWrapper",
+    CARD = "card",
+    TITLES = "titles",
+    LABELS = "labels",
+    INPUTS = "inputs",
+    DEFAULT_STATE = "defaultState",
+    SELECTED_STATE = "selected"
 }
 export interface selfLayoutInterface {
     selectorKey: string;
@@ -29,6 +37,9 @@ export interface selfDesignInterface {
     productPrice: {
         [key: string]: any;
     };
+    giftCard: {
+        [key: string]: any;
+    };
     uomStyle: {
         [key: string]: any;
     };

package/dist/types/website/constants/data-connector-souces.d.ts

@@ -0,0 +1,410 @@
+import { dataConnectorapis } from "../../../components/builder/enums/data-connectors";
+import { DATA_CONNECTOR_ITEMS_LIST } from "./data-connectors";
+export declare const apiControls: {
+    manual: {
+        includeRecords: never[];
+        excludeRecords: never[];
+        selectAll: boolean;
+    };
+    dynamic: {};
+    type: string;
+    sorting: {
+        option: null;
+    }[];
+    noOfItemsToLoad: string;
+    itemsToLoad: number;
+    showAllItems: boolean;
+    aggregations: never[];
+};
+export declare const productDataConnectorInstance: {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    isActive: boolean;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    filterApis: {
+        conditions: {
+            productKey: boolean;
+        };
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        payload: {
+            productKey: null;
+        };
+    }[];
+};
+export declare const categoryDataConnectorInstance: {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    filterApis: {
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        conditions: {
+            id: boolean;
+        };
+        payload: {
+            id: null;
+        };
+    }[];
+};
+export declare const brandDataConnectorInstance: {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    drivenByUrl: boolean;
+    filterApis: {
+        conditions: {
+            id: boolean;
+        };
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        payload: {
+            id: null;
+        };
+    }[];
+};
+export declare const dataConnectorApiOptions: ({
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    isActive: boolean;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    filterApis: {
+        conditions: {
+            productKey: boolean;
+        };
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        payload: {
+            productKey: null;
+        };
+    }[];
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    filterApis: {
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        conditions: {
+            id: boolean;
+        };
+        payload: {
+            id: null;
+        };
+    }[];
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    isDisable: boolean;
+    filterApis: {
+        conditions: {
+            id: boolean;
+        };
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        payload: {
+            id: null;
+            searchKeywords: string;
+            skip: number;
+            take: number;
+        };
+    }[];
+    apiKey: dataConnectorapis;
+    isActive: boolean;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    filterApis: {
+        conditions: {
+            productKey: boolean;
+        };
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        payload: {
+            productKey: null;
+            categoryIds: never[];
+            varinatKey: null;
+        };
+    }[];
+    apiKey?: undefined;
+    apiControls?: undefined;
+    payload?: undefined;
+    drivenByUrl?: undefined;
+    isDisable?: undefined;
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    apiControls: {
+        sorting: never[];
+        filterRules: {};
+        noOfItemsToLoad: null;
+        itemsToLoad: null;
+        showAllItems: boolean;
+        includeRecords: never[];
+        excludeRecords: never[];
+    };
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    drivenByUrl: boolean;
+    filterApis: {
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        conditions: {
+            key: boolean;
+        };
+        payload: {
+            key: null;
+        };
+    }[];
+    isDisable?: undefined;
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    apiControls: {
+        sorting: never[];
+        filterRules: {};
+        noOfItemsToLoad: null;
+        itemsToLoad: null;
+        showAllItems: boolean;
+        includeRecords: never[];
+        excludeRecords: never[];
+    };
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords?: undefined;
+        skip?: undefined;
+        take?: undefined;
+    };
+    filterApis: {
+        conditions: {
+            bundleKey: boolean;
+        };
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        payload: {
+            bundleKey: null;
+        };
+    }[];
+    isDisable?: undefined;
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    isDisable: boolean;
+    drivenByUrl: boolean;
+    payload: {
+        searchKeywords: string;
+        skip: number;
+        take: number;
+    };
+    filterApis: {
+        value: DATA_CONNECTOR_ITEMS_LIST;
+        label: string;
+        apiKey: dataConnectorapis;
+        isActive: boolean;
+        conditions: {
+            categoryID: boolean;
+        };
+        payload: {
+            categoryID: null;
+        };
+    }[];
+} | {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+    };
+    payload: {
+        searchKeywords?: undefined;
+        skip?: undefined;
+        take?: undefined;
+    };
+    filterApis: never[];
+    drivenByUrl?: undefined;
+    isDisable?: undefined;
+})[];