@sc-360-v2/storefront-cms-library 0.4.99 → 0.5.2

package/dist/order-status.scss

@@ -823,8 +823,8 @@ $defaultValues: (
                 font-weight: 500;
                 line-height: 18px;
                 // background-color: #eff8ff;
-                @include BgColorLighter(var(--_thm-cs-at-py), 5%);
-                color: var(--_thm-cs-at-py);
+                // @include BgColorLighter(var(--_thm-cs-at-py), 5%);
+                // color: var(--_thm-cs-at-py);
 
                 display: inline-flex;
                 align-items: center;
@@ -837,18 +837,20 @@ $defaultValues: (
                   border-radius: 50%;
                   background-color: currentColor;
                 }
-                // &.success {
-                //   background-color: var(--_success-200);
-                //   &::before {
-                //     background-color: var(--_success-700);
-                //   }
-                // }
-                // &.failed {
-                //   background-color: var(--_error-100);
-                //   &::before {
-                //     background-color: var(--_error-700);
-                //   }
-                // }
+                &.success {
+                  background-color: var(--_success-50);
+                  color: var(--_success-600);
+                  &::before {
+                    background-color: var(--_success-700);
+                  }
+                }
+                &.failed {
+                  background-color: var(--_error-50);
+                  color: var(--_error-700);
+                  &::before {
+                    background-color: var(--_error-700);
+                  }
+                }
               }
 
               .link-button {
@@ -924,7 +926,20 @@ $defaultValues: (
                   var(--_ctm-tab-dn-or-io-or-de-tt-an, var(--_ctm-dn-or-io-or-de-tt-an))
                 );
               }
-              .currency_span {
+              .expected_delivery {
+                line-height: prepareMediaVariable(--_ctm-dn-or-io-sg-md-le-ht);
+                font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
+                font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
+                // font-size: 16px;
+                color: prepareMediaVariable(--_ctm-dn-or-io-sg-md-cr);
+                font-weight: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-wt);
+                text-decoration: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ue);
+                letter-spacing: prepareMediaVariable(--_ctm-dn-or-io-sg-md-lr-sg);
+
+                font-style: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se-ic);
+                text-align: prepareMediaVariable(--_ctm-dn-or-io-sg-md-tt-an);
+              }
+              .total_amount {
                 line-height: 24px;
                 font-family: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-fy);
                 font-size: prepareMediaVariable(--_ctm-dn-or-io-sg-md-ft-se);
@@ -1407,9 +1422,116 @@ $defaultValues: (
           flex-wrap: wrap;
 
           .cart_item_accordians {
+            display: flex;
+            flex-direction: column;
+            gap: 0;
             width: 100%;
-            margin-top: 8px;
+            overflow: hidden;
+            // padding-left: 44px;
+
+            .cart_item_accordion {
+              border-top: 1px solid var(--_thm-cs-be-se-3);
+
+              &:last-child {
+                border-bottom: 1px solid var(--_thm-cs-be-se-3);
+              }
+
+              .cart_item_accordion_header {
+                display: flex;
+                justify-content: space-between;
+                align-items: center;
+                width: 100%;
+                padding: 12px 0;
+                cursor: pointer;
+                background: none;
+                border: none;
+
+                .cart_item_accordion_title {
+                  color: var(--_thm-ty-p1-tt-cr);
+                  font-family: var(--_thm-ty-p2-ft-fy);
+                  font-size: var(--_thm-ty-p2-ft-se);
+                  font-weight: var(--_thm-ty-p2-bd);
+                  font-style: var(--_thm-ty-p2-ic);
+                  text-align: var(--_thm-ty-p2-tt-an);
+                  letter-spacing: var(--_thm-ty-p2-cr-sg);
+                  line-height: var(--_thm-ty-p2-le-ht);
+                }
+
+                .cart_item_accordion_left {
+                  display: flex;
+                  align-items: center;
+                  gap: 8px;
+
+                  .svg_icon {
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    svg {
+                      path {
+                        stroke: var(--_thm-ty-p1-tt-cr);
+                      }
+                      width: 18px;
+                      height: 18px;
+                      transition: transform 400ms linear;
+                      transform: rotate(-90deg);
+                    }
+                  }
+
+                  .svg_icon.down svg {
+                    transform: rotate(0deg);
+                  }
+                }
+
+                .cart_item_accordion_right {
+                  display: flex;
+                  align-items: center;
+                  gap: 8px;
+
+                  .cart_item_accordion_price {
+                    white-space: nowrap;
+                    color: var(
+                      --_ctm-mob-dn-pt-pe-ss-cr,
+                      var(--_ctm-tab-dn-pt-pe-ss-cr, var(--_ctm-dn-pt-pe-ss-cr))
+                    );
+                    font-family: var(
+                      --_sf-hr-ff,
+                      var(
+                        --_ctm-mob-dn-pt-pe-ss-ft-fy,
+                        var(--_ctm-tab-dn-pt-pe-ss-ft-fy, var(--_ctm-dn-pt-pe-ss-ft-fy))
+                      )
+                    );
+                    font-size: var(
+                      --_ctm-mob-dn-pt-pe-ss-ft-se,
+                      var(--_ctm-tab-dn-pt-pe-ss-ft-se, var(--_ctm-dn-pt-pe-ss-ft-se, 14px))
+                    );
+                    font-weight: var(
+                      --_ctm-mob-dn-pt-pe-ss-ft-wt,
+                      var(--_ctm-tab-dn-pt-pe-ss-ft-wt, var(--_ctm-dn-pt-pe-ss-ft-wt))
+                    );
+                  }
+                }
+              }
+
+              .cart_item_accordion_body {
+                padding: 0 0 12px 0;
+
+                .bundle-products-list {
+                  padding: 16px;
+                  display: grid;
+                  gap: 16px;
+                  border: 1px solid var(--_thm-cs-be-se-3);
+                  border-radius: 4px;
+                  .bundle-product-item {
+                    .product_qty_price_wrapper {
+                      gap: 8px;
+                    }
+                  }
+                }
+              }
+            }
           }
+          margin-top: 8px;
+
           // img {
           //   width: 69px;
           //   height: 80px;
@@ -1512,7 +1634,9 @@ $defaultValues: (
               );
             }
 
-            .item-specs {
+            .item-specs,
+            .item-sku-code,
+            .item-options {
               padding: var(
                 --_ctm-mob-dn-pt-wt-pt-ce-pg,
                 var(--_ctm-tab-dn-pt-wt-pt-ce-im-pg, var(--_ctm-dn-pt-wt-pt-ce-pg))
@@ -1875,6 +1999,8 @@ $defaultValues: (
     .breakup-item {
       display: flex;
       justify-content: space-between;
+      gap: 6px;
+      white-space: nowrap;
       .breakup-label {
         line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht);
         font-family: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-fy);
@@ -1889,6 +2015,19 @@ $defaultValues: (
         text-align: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-an);
         padding: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-pg);
       }
+      .break_up_amount {
+        line-height: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-le-ht-dc);
+        font-family: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-fy-dc);
+        font-size: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-se-dc);
+        color: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-cr-dc);
+        font-weight: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-wt-dc);
+        text-decoration: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ue-dc);
+        letter-spacing: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-lr-sg-dc);
+
+        font-style: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-ft-se-ic-dc);
+        text-align: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-tt-an-dc);
+        padding: prepareMediaVariable(--_ctm-dn-or-io-bk-up-ds-pg-dc);
+      }
     }
   }
 

package/dist/phone-input.scss

@@ -32,7 +32,7 @@
     align-items: center;
     border: 1px solid var(--_gray-300);
     border-radius: 6px;
-    height: 38px;
+    height: 40px;
     background-color: var(--_base-white);
     overflow: hidden;
 
@@ -65,8 +65,8 @@
       transform: rotate(45deg);
       margin-left: 4px;
       vertical-align: middle;
-      top: 12px;
-      right: -33px;
+      top: 13px;
+      right: -48px;
       position: absolute;
     }
 

package/dist/static-global.scss

@@ -167,7 +167,7 @@ $data: (
 .checkout_steps_skeleton {
   display: flex;
   flex-direction: column;
-  gap: 56px;
+  gap: 25px;
 }
 
 .chk_billing_address_skeleton {

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

@@ -12,6 +12,12 @@ export interface AddOrderLayoutInterface {
     alignment: CMSIBCommonInterface;
     buttonType: CMSIBCommonInterface;
     linkTo: CMSIBCommonInterface;
+    showQuickOrderPad: CMSIBCommonInterface;
+    showBulkOrderPad: CMSIBCommonInterface;
+    showEmployeeBulkOrderPad: CMSIBCommonInterface;
+    showBuyFor: CMSIBCommonInterface;
+    showBuyAs: CMSIBCommonInterface;
+    showImports: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;
@@ -23,6 +29,12 @@ export declare enum AddOrderSelectorKeysEnum {
     DEFAULT_STATE = "default",
     LAYOUT = "layout",
     DESIGN = "design",
-    DATA_CONNECTOR = "dataConnector"
+    DATA_CONNECTOR = "dataConnector",
+    SHOW_QUICK_ORDER_PAD = "showQuickOrderPad",
+    SHOW_BULK_ORDER_PAD = "showBulkOrderPad",
+    SHOW_EMPLOYEE_BULK_ORDER_PAD = "showEmployeeBulkOrderPad",
+    SHOW_BUY_FOR = "showBuyFor",
+    SHOW_BUY_AS = "showBuyAs",
+    SHOW_IMPORTS = "showImports"
 }
 export declare const getDefaultData: () => CMSElementEditPopupInterface<AddOrderLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;

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

@@ -513,29 +513,204 @@ export declare const getDefaultData: () => {
             };
             breakUpDetails: {
                 padding: any;
-                itemGap: {
-                    value: CMSCSSUnitTypesEnums;
-                    unit: CMSCSSUnitTypesEnums;
+                themeDesc: {
+                    value: string;
                     property: string;
                     propertyType: CMSElementEditTypes;
                 };
-                theme: import("../../interfaces/global").CMSIBCommonInterface;
-                font: import("../../interfaces/global").CMSIBCommonInterface;
-                fontSize: import("../../interfaces/global").CMSIBSizeInterface;
-                textColor: import("../../interfaces/global").CMSIBCommonInterface;
-                bold: import("../../interfaces/global").CMSIBCommonInterface;
-                italic: import("../../interfaces/global").CMSIBCommonInterface;
-                linethrough: import("../../interfaces/global").CMSIBCommonInterface;
-                underline: import("../../interfaces/global").CMSIBCommonInterface;
-                textAlign: import("../../interfaces/global").CMSIBCommonInterface;
-                characterSpacing: import("../../interfaces/global").CMSIBSizeInterface;
-                lineHeight: import("../../interfaces/global").CMSIBSizeInterface;
-                backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
+                fontDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                fontSizeDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textColorDesc: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textHighlightDesc: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                boldDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                italicDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                linethroughDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                underlineDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textAlignDesc: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                characterSpacingDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                lineHeightDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                paragraphSpacingDesc: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                theme: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                font: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                fontSize: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textColor: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textHighlight: {
+                    value: {
+                        hex: string;
+                        rgb: {
+                            r: string;
+                            g: string;
+                            b: string;
+                            a: number;
+                        };
+                    };
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                };
+                bold: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                italic: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                linethrough: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                underline: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                textAlign: {
+                    value: string;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                characterSpacing: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                lineHeight: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
+                paragraphSpacing: {
+                    value: number;
+                    unit: number;
+                    property: string;
+                    propertyType: CMSElementEditTypes;
+                    parentRef: string;
+                };
                 margin: import("../../interfaces/global").CSSPaddingValues | undefined;
                 borderColor: import("../../interfaces/global").CMSIBCommonInterface;
                 borderStyle: import("../../interfaces/global").CMSIBCommonInterface;
                 borderPerSlide: import("../../interfaces/global").CSSPaddingValues;
                 showBorder: import("../../interfaces/global").CMSIBCommonInterface;
+                backgroundColor: import("../../interfaces/global").CMSIBCommonInterface;
                 showShadow: import("../../interfaces/global").CMSIBCommonInterface;
                 shadowColor: import("../../interfaces/global").CMSIBCommonInterface;
                 blur: import("../../interfaces/global").CMSIBSizeInterface;

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

@@ -15,6 +15,7 @@ export declare const apiControls: {
     itemsToLoad: number;
     showAllItems: boolean;
     aggregations: never[];
+    renderOnServer: boolean;
 };
 export declare const productDataConnectorInstance: {
     value: DATA_CONNECTOR_ITEMS_LIST;
@@ -36,6 +37,7 @@ export declare const productDataConnectorInstance: {
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     payload: {
@@ -75,6 +77,7 @@ export declare const categoryDataConnectorInstance: {
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     payload: {
@@ -119,6 +122,7 @@ export declare const brandDataConnectorInstance: {
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     filterApis: {
@@ -154,6 +158,7 @@ export declare const dataConnectorApiOptions: ({
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     payload: {
@@ -192,6 +197,7 @@ export declare const dataConnectorApiOptions: ({
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     payload: {
@@ -247,6 +253,7 @@ export declare const dataConnectorApiOptions: ({
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     payload: {
@@ -295,6 +302,7 @@ export declare const dataConnectorApiOptions: ({
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     payload: {
         searchKeywords: string;
@@ -320,13 +328,21 @@ export declare const dataConnectorApiOptions: ({
     label: string;
     apiKey: dataConnectorapis;
     apiControls: {
-        sorting: never[];
-        filterRules: {};
-        noOfItemsToLoad: null;
-        itemsToLoad: null;
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
         showAllItems: boolean;
-        includeRecords: never[];
-        excludeRecords: never[];
+        aggregations: never[];
+        renderOnServer: boolean;
     };
     drivenByUrl: boolean;
     payload: {
@@ -366,6 +382,7 @@ export declare const dataConnectorApiOptions: ({
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     isDisable: boolean;
     drivenByUrl: boolean;
@@ -391,6 +408,7 @@ export declare const dataConnectorApiOptions: ({
     label: string;
     apiKey: dataConnectorapis;
     apiControls: {
+        isTriggerd: boolean;
         manual: {
             includeRecords: never[];
             excludeRecords: never[];
@@ -405,6 +423,7 @@ export declare const dataConnectorApiOptions: ({
         itemsToLoad: number;
         showAllItems: boolean;
         aggregations: never[];
+        renderOnServer: boolean;
     };
     payload: {
         searchKeywords?: undefined;

package/dist/user-elements.scss

@@ -2485,6 +2485,15 @@ $resizeActive: '[data-cms-element-resizer="true"]';
         position: relative;
         .language__name {
           padding-right: 20px;
+          font-family: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-fy);
+          font-size: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-se);
+          color: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-cr);
+          font-weight: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-wt);
+          text-decoration: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ue);
+          font-style: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-ft-se-ic);
+          text-align: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-tt-an);
+          letter-spacing: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-lr-sg);
+          line-height: prepareMediaVariable(--_ctm-dn-dn-se-wt-pr-tt-le-ht);
         }
       }