@sc-360-v2/storefront-cms-library 0.2.91 → 0.2.92

package/dist/product-actions.scss

@@ -155,6 +155,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-ad-to-ct-dt-se-cr,
                   var(--_ctm-tab-dn-ad-to-ct-dt-se-cr, var(--_ctm-dn-ad-to-ct-dt-se-cr))
@@ -311,6 +313,8 @@
                     }
                   }
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-ad-to-ct-hr-se-cr,
                       var(--_ctm-tab-dn-ad-to-ct-hr-se-cr, var(--_ctm-dn-ad-to-ct-hr-se-cr))
@@ -455,6 +459,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-by-nw-dt-se-cr,
                   var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
@@ -596,6 +602,8 @@
                     }
                   }
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-by-nw-hr-se-cr,
                       var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))
@@ -738,6 +746,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-wt-dt-se-cr,
                   var(--_ctm-tab-dn-wt-dt-se-cr, var(--_ctm-dn-wt-dt-se-cr))
@@ -875,6 +885,8 @@
                     }
                   }
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-wt-hr-se-cr,
                       var(--_ctm-tab-dn-wt-hr-se-cr, var(--_ctm-dn-wt-hr-se-cr))
@@ -1016,6 +1028,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-ce-dt-se-cr,
                   var(--_ctm-tab-dn-ce-dt-se-cr, var(--_ctm-dn-ce-dt-se-cr))
@@ -1153,6 +1167,8 @@
                     }
                   }
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-ce-hr-se-cr,
                       var(--_ctm-tab-dn-ce-hr-se-cr, var(--_ctm-dn-ce-hr-se-cr))
@@ -1310,6 +1326,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-ad-to-qe-dt-se-cr,
                   var(--_ctm-tab-dn-ad-to-qe-dt-se-cr, var(--_ctm-dn-ad-to-qe-dt-se-cr))
@@ -1466,6 +1484,8 @@
                     }
                   }
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-ad-to-qe-hr-se-cr,
                       var(--_ctm-tab-dn-ad-to-qe-hr-se-cr, var(--_ctm-dn-ad-to-qe-hr-se-cr))
@@ -1633,6 +1653,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-ad-to-or-te-dt-se-cr,
                   var(--_ctm-tab-dn-ad-to-or-te-dt-se-cr, var(--_ctm-dn-ad-to-or-te-dt-se-cr))
@@ -1816,6 +1838,8 @@
                     }
                   }
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-ad-to-or-te-hr-se-cr,
                       var(--_ctm-tab-dn-ad-to-or-te-hr-se-cr, var(--_ctm-dn-ad-to-or-te-hr-se-cr))
@@ -1996,6 +2020,8 @@
                 }
               }
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-ny-me-dt-se-cr,
                   var(--_ctm-tab-dn-ny-me-dt-se-cr, var(--_ctm-dn-ny-me-dt-se-cr))
@@ -2151,6 +2177,8 @@
                   }
 
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-ny-me-hr-se-cr,
                       var(--_ctm-tab-dn-ny-me-hr-se-cr, var(--_ctm-dn-ny-me-hr-se-cr))
@@ -2304,6 +2332,8 @@
               }
 
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-dd-dt-se-cr,
                   var(--_ctm-tab-dn-dd-dt-se-cr, var(--_ctm-dn-dd-dt-se-cr))
@@ -2455,6 +2485,8 @@
                   }
 
                   .btn__with__text {
+                    border: none;
+                    background-color: transparent;
                     color: var(
                       --_ctm-mob-dn-dd-hr-se-cr,
                       var(--_ctm-tab-dn-dd-hr-se-cr, var(--_ctm-dn-dd-hr-se-cr))
@@ -2575,6 +2607,8 @@
               )
             );
             .btn__with__text {
+              border: none;
+              background-color: transparent;
               color: var(
                 --_ctm-mob-dn-me-dt-se-cr,
                 var(--_ctm-tab-dn-me-dt-se-cr, var(--_ctm-dn-me-dt-se-cr))
@@ -2704,6 +2738,8 @@
               );
 
               .btn__with__text {
+                border: none;
+                background-color: transparent;
                 color: var(
                   --_ctm-mob-dn-me-hr-se-cr,
                   var(--_ctm-tab-dn-me-hr-se-cr, var(--_ctm-dn-me-hr-se-cr))

package/dist/product-image.scss

@@ -36,6 +36,88 @@
     &[data-show-shadow="false"] {
       --_show-shadow: none;
     }
+
+    .main-image {
+      position: relative;
+      flex: 1;
+      border: 1px solid #e5e7eb;
+      border-radius: 8px;
+      overflow: hidden;
+      background: white;
+      cursor: crosshair;
+
+      img {
+        width: 100%;
+        height: auto;
+        object-fit: contain;
+        display: block;
+      }
+
+      // .lens-overlay {
+      //   position: absolute;
+      //   width: 100px;
+      //   height: 100px;
+      //   pointer-events: none;
+      //   border-radius: 50%;
+      //   border: 1px solid rgba(0, 0, 0, 0.2);
+      //   box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
+      //   background-repeat: no-repeat;
+      //   backdrop-filter: brightness(1.1);
+      //   z-index: 5;
+      // }
+
+      .lens-overlay {
+        position: absolute;
+        pointer-events: none;
+        border: 1px solid rgba(0, 0, 0, 0.3);
+        background: rgba(255, 255, 255, 0.2);
+        z-index: 10;
+      }
+    }
+
+    // .magnifier-box {
+    //   position: absolute;
+    //   top: 0;
+    //   right: -102%;
+    //   z-index: 10;
+    //   // width: 70vw;
+    //   // height: 95vh;
+    //   width: 600px;
+    //   height: 600px;
+    //   background: white;
+    //   border: 1px solid #ccc;
+    //   box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
+
+    //   .magnifier {
+    //     width: 100%;
+    //     height: 100%;
+    //     background-repeat: no-repeat;
+    //     background-position: center;
+    //     border-radius: 4px;
+    //   }
+
+    //   .magnifier-placeholder {
+    //     text-align: center;
+    //     padding: 1rem;
+    //   }
+    // }
+
+    .magnifier-box {
+      position: absolute;
+      right: -102%;
+      top: 0;
+      width: 400px;
+      height: 400px;
+      overflow: hidden;
+      border: 1px solid #ccc;
+      background: #fff;
+      z-index: 9;
+      img {
+        position: absolute;
+        will-change: transform;
+      }
+    }
+
     .text-element {
       // background: #6d96e4;
       // padding: 10px;

package/dist/quick-order-pad.scss

@@ -185,92 +185,6 @@ $shadow-md: 0 8px 20px rgba(0, 0, 0, 0.1);
       }
     }
 
-    .product-list {
-      margin-top: 24px;
-
-      .product-row {
-        display: flex;
-        align-items: center;
-        padding: 16px 0;
-        border-bottom: 1px solid $gray-300;
-        transition: background 0.2s;
-
-        &:hover {
-          background-color: $gray-100;
-        }
-
-        .product-select {
-          flex: 0 0 32px;
-          display: flex;
-          justify-content: center;
-
-          input[type="checkbox"] {
-            width: 18px;
-            height: 18px;
-          }
-        }
-
-        .product-img {
-          flex: 0 0 60px;
-
-          img {
-            width: 60px;
-            height: 60px;
-            border-radius: $radius;
-            object-fit: cover;
-          }
-        }
-
-        .product-details {
-          flex: 1;
-          padding: 0 16px;
-
-          .product-title {
-            font-weight: 600;
-            font-size: $font-size-md;
-            margin-bottom: 4px;
-            color: $text-dark;
-          }
-
-          .product-meta,
-          .product-specs {
-            font-size: $font-size-sm;
-            color: $gray-700;
-          }
-        }
-
-        .product-qty {
-          display: flex;
-          align-items: center;
-          gap: 6px;
-          margin-right: 16px;
-
-          span {
-            font-size: 13px;
-            font-weight: 500;
-          }
-
-          input {
-            width: 50px;
-            height: $input-height;
-            padding: 4px;
-            border: 1px solid $gray-400;
-            border-radius: $radius;
-            text-align: center;
-            font-size: $font-size-base;
-          }
-        }
-
-        .product-price {
-          width: 90px;
-          text-align: right;
-          font-weight: 700;
-          font-size: $font-size-md;
-          color: $gray-900;
-        }
-      }
-    }
-
     .footer-bar {
       position: sticky;
       bottom: 0;

package/dist/repeater copy.scss

@@ -432,6 +432,8 @@ $rai: "repeater-advertise-item";
               }
             }
             .btn__with__text {
+              border: none;
+              background-color: transparent;
               color: var(
                 --_ctm-mob-dn-by-nw-dt-se-cr,
                 var(--_ctm-tab-dn-by-nw-dt-se-cr, var(--_ctm-dn-by-nw-dt-se-cr))
@@ -570,6 +572,8 @@ $rai: "repeater-advertise-item";
                   }
                 }
                 .btn__with__text {
+                  border: none;
+                  background-color: transparent;
                   color: var(
                     --_ctm-mob-dn-by-nw-hr-se-cr,
                     var(--_ctm-tab-dn-by-nw-hr-se-cr, var(--_ctm-dn-by-nw-hr-se-cr))

package/dist/repeater.scss

@@ -429,6 +429,8 @@ $rai: "repeater-advertise-item";
               }
             }
             .btn__with__text {
+              border: none;
+              background-color: transparent;
               color: var(
                 --_ctm-mob-rep-dn-bn-se-dt-se-cr,
                 var(--_ctm-tab-rep-dn-bn-se-dt-se-cr, var(--_ctm-rep-dn-bn-se-dt-se-cr))
@@ -585,6 +587,8 @@ $rai: "repeater-advertise-item";
                   }
                 }
                 .btn__with__text {
+                  border: none;
+                  background-color: transparent;
                   color: var(
                     --_ctm-mob-rep-dn-bn-se-hr-se-cr,
                     var(--_ctm-tab-rep-dn-bn-se-hr-se-cr, var(--_ctm-rep-dn-bn-se-hr-se-cr))

package/dist/types/builder/enums/index.d.ts

@@ -37,6 +37,8 @@ export declare enum CMSToolIdTypes {
     containerWrapper = "cms-container-wrapper",
     tabsWrapperV2 = "cms-tabs-v2-wrapper",
     tabsContainerWrapperV2 = "cms-tabs-container-wrapper",
+    buyForWithTabsWrapper = "cms-buy-for-with-tabs-wrapper",
+    buyForTabsContainerWrapper = "cms-buy-for-tabs-container-wrapper",
     stackWrapper = "cms-stack-wrapper",
     cmsSubElementLayer = "cms-sub-element-layer",
     editorHeader = "cms-editor-header",
@@ -119,6 +121,7 @@ export declare enum CMSElementSelectors {
     categoryWidgetElement = "div[data-element-type='categoryWidget']",
     tabsElement = "div[data-element-type='tabs']",
     tabsV2Element = "div[data-element-type='tabs-v2']",
+    buyForWithTabsElement = "div[data-element-type='buyForWithTabs']",
     imageHotspot = "div[data-element-type='imageHotspot']",
     gridSwapBtn = "div[data-cms-tool='cms-grid-swap-btn']",
     lightBox = "#cms_lt_bx_mn",
@@ -381,3 +384,22 @@ export declare enum SectionTypeID {
     NewsLetter = 10,
     LightBox = 11
 }
+export declare enum PageTypeEnums {
+    ALL = 0,
+    LOGIN = 1,//Group
+    STATIC = 2,////Group
+    MY_ACCOUNT = 3,//Group
+    HOME = 4,
+    PRODUCTS = 5,
+    CATEGORY_PRODUCTS = 6,////Group
+    ALL_CATEGORIES = 7,
+    ALL_BRANDS = 8,
+    PRODUCT_COMPARISON = 9,
+    CART = 10,
+    CHECKOUT = 11,
+    ORDER_SUCCESS = 12,
+    SEARCH = 13,
+    ERROR = 14,
+    BRAND_PRODUCTS = 16,
+    Allocation = 17
+}

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

@@ -4,6 +4,8 @@ interface selfLayoutInterface {
     selectorKey: string;
     itemStockText: CMSIBCommonInterface;
     showItemStockText: CMSIBCommonInterface;
+    showExpectedReStockDate: CMSIBCommonInterface;
+    stockRuleKey: CMSIBCommonInterface;
 }
 export interface selfDesignInterface {
     selectorKey: string;

package/dist/widget.scss

@@ -98,3 +98,4 @@
 @use "./spotlight.scss";
 @use "./quick-order-pad.scss";
 @use "./product-customizations.scss";
+@use "./bulk-order-pad.scss";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sc-360-v2/storefront-cms-library",
-  "version": "0.2.91",
+  "version": "0.2.92",
   "main": "/dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {