@sc-360-v2/storefront-cms-library 0.5.73 → 0.5.74

package/dist/text-temp.scss

@@ -37,7 +37,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
     &#{$dblclk} {
       --_sf-op-bm-zz: 1;
       --_sf-vt-bm-zz: visible;
-
       #{$re} {
         display: none !important;
       }
@@ -48,7 +47,7 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
       unicode-bidi: plaintext;
     }
 
-    &>.wrapper {
+    & > .wrapper {
       width: 100%;
       // min-height: var(--_ctm-mob-lt-ht, var(--_ctm-tab-lt-ht, var(--_ctm-lt-ht)));
       min-height: prepareMediaVariable(--_ctm-lt-ht);
@@ -59,8 +58,11 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
       border-style: var(--_ctm-dn-br-se, var(--_tst-dn-br-se));
       border-width: var(--_ctm-dn-br-wh, var(--_tst-dn-br-wh));
       border-radius: var(--_ctm-dn-br-rs, var(--_tst-dn-br-rs));
-      box-shadow: var(--_show-shadow,
-          var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br)) var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr)));
+      box-shadow: var(
+        --_show-shadow,
+        var(--_ctm-dn-sw-ae, var(--_tst-dn-sw-ae)) var(--_ctm-dn-sw-br, var(--_tst-dn-sw-br))
+          var(--_ctm-dn-sw-sd, var(--_tst-dn-sw-sd)) var(--_ctm-dn-sw-cr, var(--_tst-dn-sw-cr))
+      );
       // height: 100%;
 
       #{$ie} {
@@ -70,7 +72,6 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
         }
       }
     }
-
     &[data-show-shadow="false"] {
       --_show-shadow: none;
     }
@@ -97,14 +98,12 @@ $dblclk: '[data-cms-tt-ee-dbl-clkd="true"]';
 
       // transform: scale(var(--_ctm-dn-zm-ie));
       scale: var(--_ctm-dn-zm-ie);
-
       &[data-flip-x="true"] {
         transform: scaleX(-1);
       }
-
       &[data-flip-y="true"] {
         transform: scaleY(-1);
       }
     }
   }
-}
+}

package/dist/theme-classes.scss

@@ -35,7 +35,6 @@
   line-height: var(--_thm-ty-h2-le-ht);
   text-decoration: var(--_thm-ty-h2-ue);
 }
-
 .flx-thm-typ-h3 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-h3-tt-cr);
@@ -51,7 +50,6 @@
   line-height: var(--_thm-ty-h3-le-ht);
   text-decoration: var(--_thm-ty-h3-ue);
 }
-
 .flx-thm-typ-h4 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-h4-tt-cr);
@@ -67,7 +65,6 @@
   line-height: var(--_thm-ty-h4-le-ht);
   text-decoration: var(--_thm-ty-h4-ue);
 }
-
 .flx-thm-typ-h6 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-h6-tt-cr);
@@ -115,7 +112,6 @@
   line-height: var(--_thm-ty-p1-le-ht);
   text-decoration: var(--_thm-ty-p1-ue);
 }
-
 .flx-thm-typ-p2 {
   // padding-inline: var(--_sf-cd-gp);
   color: var(--_thm-ty-p2-tt-cr);
@@ -186,7 +182,10 @@
 
   border-radius: var(--_sf-hr-br-rs, var(--_thm-py-bs-dt-se-br-rs));
 
-  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-py-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-py-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-py-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-py-bs-dt-se-sw-cr));
 
   &[data-show-border="true"] {
     border-color: var(--_sf-hr-br-cr, var(--_thm-py-bs-dt-se-br-cr));
@@ -212,12 +211,10 @@
   text-transform: var(--_sf-hr-tt-tm, var(--_thm-py-bs-dt-se-ft));
   word-wrap: var(--_sf-hr-wd-wp, var(--_thm-py-bs-dt-se-ft));
   word-break: var(--_sf-hr-wd-bk, var(--_thm-py-bs-dt-se-ft));
-
   &.flex__overflow {
     white-space: normal;
     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
   }
-
   font-size: var(--_sf-hr-ft-se, var(--_thm-py-bs-dt-se-ft-se));
   font-weight: var(--_sf-hr-ft-wt, var(--_thm-py-bs-dt-se-bd));
   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-py-bs-dt-se-ic));
@@ -228,7 +225,6 @@
 
   .icon {
     display: var(--_hover-show-icon, var(--_show-icon, flex));
-
     svg {
       width: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
       height: var(--_sf-hr-in-se, var(--_thm-py-bs-dt-se-in-se));
@@ -282,7 +278,10 @@
   gap: var(--_thm-sy-bs-in-ad-tt-sg);
   border-radius: var(--_sf-hr-br-rs, var(--_thm-sy-bs-dt-se-br-rs));
 
-  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-sy-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-sy-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-sy-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-sy-bs-dt-se-sw-cr));
 
   &[data-show-border="true"] {
     border-color: var(--_sf-hr-br-cr, var(--_thm-sy-bs-dt-se-br-cr));
@@ -308,12 +307,10 @@
   text-transform: var(--_sf-hr-tt-tm, var(--_thm-sy-bs-dt-se-ft));
   word-wrap: var(--_sf-hr-wd-wp, var(--_thm-sy-bs-dt-se-ft));
   word-break: var(--_sf-hr-wd-bk, var(--_thm-sy-bs-dt-se-ft));
-
   &.flex__overflow {
     white-space: normal;
     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
   }
-
   font-size: var(--_sf-hr-ft-se, var(--_thm-sy-bs-dt-se-ft-se));
   font-weight: var(--_sf-hr-ft-wt, var(--_thm-sy-bs-dt-se-bd));
   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-sy-bs-dt-se-ic));
@@ -324,7 +321,6 @@
 
   .icon {
     display: var(--_hover-show-icon, var(--_show-icon, flex));
-
     svg {
       width: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
       height: var(--_sf-hr-in-se, var(--_thm-sy-bs-dt-se-in-se));
@@ -378,7 +374,10 @@
   gap: var(--_thm-ty-bs-in-ad-tt-sg);
   border-radius: var(--_sf-hr-br-rs, var(--_thm-ty-bs-dt-se-br-rs));
 
-  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-ty-bs-dt-se-sw-ae)) var(--_sf-hr-sw-br, var(--_thm-ty-bs-dt-se-sw-br)) var(--_sf-hr-sw-sd, var(--_thm-ty-bs-dt-se-sw-sd)) var(--_sf-hr-sw-cr, var(--_thm-ty-bs-dt-se-sw-cr));
+  box-shadow: var(--_sf-hr-sw-ae, var(--_thm-ty-bs-dt-se-sw-ae))
+    var(--_sf-hr-sw-br, var(--_thm-ty-bs-dt-se-sw-br))
+    var(--_sf-hr-sw-sd, var(--_thm-ty-bs-dt-se-sw-sd))
+    var(--_sf-hr-sw-cr, var(--_thm-ty-bs-dt-se-sw-cr));
 
   &[data-show-border="true"] {
     border-color: var(--_sf-hr-br-cr, var(--_thm-ty-bs-dt-se-br-cr));
@@ -391,12 +390,10 @@
   text-transform: var(--_sf-hr-tt-tm, var(--_thm-ty-bs-dt-se-ft));
   word-wrap: var(--_sf-hr-wd-wp, var(--_thm-ty-bs-dt-se-ft));
   word-break: var(--_sf-hr-wd-bk, var(--_thm-ty-bs-dt-se-ft));
-
   &.flex__overflow {
     white-space: normal;
     @include restrictToLinesShow(#{var(--_sf-line-clamp, 1)});
   }
-
   font-size: var(--_sf-hr-ft-se, var(--_thm-ty-bs-dt-se-ft-se));
   font-weight: var(--_sf-hr-ft-wt, var(--_thm-ty-bs-dt-se-bd));
   font-style: var(--_sf-hr-ft-se-ic, var(--_thm-ty-bs-dt-se-ic));
@@ -407,7 +404,6 @@
 
   .icon {
     display: var(--_hover-show-icon, var(--_show-icon, flex));
-
     svg {
       width: var(--_sf-hr-in-se, var(--_thm-ty-bs-dt-se-in-se));
       height: var(--_sf-hr-in-se, var(--_thm-ty-bs-dt-se-in-se));
@@ -422,4 +418,4 @@
     display: inline-block;
     width: 100%;
   }
-}
+}

package/dist/types/builder/enums/data-connectors.d.ts

@@ -18,5 +18,7 @@ export declare enum dataConnectorapis {
     PRODUCT_BUNDLE_DETAILS = "PRODUCT_BUNDLE_DETAILS",
     CATEGORY_BUNDLE_DETAILS = "CATEGORY_BUNDLE_DETAILS",
     CATEGORY_GROUPS = "CATEGORY_GROUPS",
-    CATEGORIES_BY_GROUP_ID = "CATEGORIES_BY_GROUP_ID"
+    CATEGORIES_BY_GROUP_ID = "CATEGORIES_BY_GROUP_ID",
+    OPTION_FAMILIES = "OPTION_FAMILIES",
+    OPTION_FAMILY_BY_ID = "OPTION_FAMILY_BY_ID"
 }

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

@@ -364,6 +364,7 @@ export declare const CMSElementsListEnum: {
     KIT_DETAILS: string;
     KITS: string;
     BUNDLE_CATEGORIES: string;
+    OPTION_FAMILIES: string;
 };
 export declare enum CMSResponsiveModeEnums {
     DESKTOP = "desktop",
@@ -476,7 +477,8 @@ export declare enum PageTypeEnums {
     SEARCH = 13,
     ERROR = 14,
     BRAND_PRODUCTS = 16,
-    Allocation = 17
+    Allocation = 17,
+    OPTION_FAMILIES = 19
 }
 export declare enum FlexRepeaterControlDragType {
     SLIDER_CONTROL = 1,

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

@@ -120,4 +120,5 @@ import * as embroidery from "./embroidery";
 import * as stockStatus from "./stockStatus";
 import * as kitDetails from "./kitDetails";
 import * as kits from "./kits";
-export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, bundleCategories, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, loader, addProductsTab, quotaDetails, shippingPayments, coupon, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, categoryGroups, embroidery, stockStatus, page, lastXOrdersButton, quickInventoryCheck, productLabels, kitDetails, kits, };
+import * as optionFamilies from "./optionFamilies";
+export { amountEstimator, bulkVariantPicker, button, code, staticText, common, container, countdown, embed, faq, gallerySlider, grid, image, imageHotspot, map, paymentMethods, pickupLocations, price, productActions, productHighlights, productImage, productInventory, productPromotions, quantitySelector, scroll, section, shippingEstimator, slideShowLayouter, social, stack, storeLocations, table, tabs, text, uomSelector, variantPicker, video, volumePricing, lightbox, cart, profile, repeater, repeaterItem, product, menu, productOptions, productDetails, category, subCategory, brand, bundle, brandImage, filters, sort, pastOrders, quotes, rfqs, lightBoxV2, allocations, search, layouter, layouterItem, categoryDetails, contactUs, login, resetPassword, breadcrumbs, iconLibrary, searchResultsHeading, itemStock, cartDetails, cartSummary, checkout, allocationDetails, line, tabsV2, tabContainer, marchandiserSets, createForm, quickLinks, addOrder, buyForWithTabs, buyForTabsContainer, toaster, spotlight, bundleDetails, bundleCategories, productCustomizations, iconList, orderStatus, menuV2, menuItem, layouterPro, layouterProItem, filterResults, productSizeChart, userElements, badge, cartAttributes, languageMenu, loader, addProductsTab, quotaDetails, shippingPayments, coupon, productDescription, megaMenu, megaMenuContainer, simpleList, cartWrapper, optionBar, myTemplates, requestForQuote, categoryGroups, embroidery, stockStatus, page, lastXOrdersButton, quickInventoryCheck, productLabels, kitDetails, kits, optionFamilies, };

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

@@ -0,0 +1,20 @@
+import { CMSElementEditPopupDesignInterface, CMSElementEditPopupInterface, CMSElementEditPopupLayoutInterface } from "./common";
+interface selfLayoutInterface {
+    [key: string]: any;
+}
+export interface selfDesignInterface {
+    selectorKey: string;
+    [key: string]: any;
+}
+export declare enum SelectorKeysEnum {
+    LAYOUT = "layout",
+    DESIGN = "design",
+    CONTENT = "content",
+    TILE = "tile",
+    SWATCH = "swatch",
+    IMAGE = "image",
+    LABEL = "label",
+    DATA_CONNECTOR = "dataConnector"
+}
+export declare const getDefaultData: () => CMSElementEditPopupInterface<selfLayoutInterface & CMSElementEditPopupLayoutInterface, selfDesignInterface & CMSElementEditPopupDesignInterface>;
+export {};

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

@@ -138,6 +138,42 @@ export declare const brandDataConnectorInstance: {
         };
     }[];
 };
+export declare const optionFamiliesDataConnectorInstance: {
+    value: DATA_CONNECTOR_ITEMS_LIST;
+    label: string;
+    apiKey: dataConnectorapis;
+    payload: {};
+    apiControls: {
+        manual: {
+            includeRecords: never[];
+            excludeRecords: never[];
+            selectAll: boolean;
+        };
+        dynamic: {};
+        type: string;
+        sorting: {
+            option: null;
+        }[];
+        noOfItemsToLoad: string;
+        itemsToLoad: number;
+        showAllItems: boolean;
+        aggregations: never[];
+        renderOnServer: boolean;
+    };
+    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;
@@ -182,6 +218,7 @@ export declare const dataConnectorApiOptions: ({
     value: DATA_CONNECTOR_ITEMS_LIST;
     label: string;
     apiKey: dataConnectorapis;
+    payload: {};
     apiControls: {
         manual: {
             includeRecords: never[];
@@ -200,19 +237,14 @@ export declare const dataConnectorApiOptions: ({
         renderOnServer: boolean;
     };
     drivenByUrl: boolean;
-    payload: {
-        searchKeywords: string;
-        skip: number;
-        take: number;
-    };
     filterApis: {
+        conditions: {
+            id: boolean;
+        };
         value: DATA_CONNECTOR_ITEMS_LIST;
         label: string;
         apiKey: dataConnectorapis;
         isActive: boolean;
-        conditions: {
-            id: boolean;
-        };
         payload: {
             id: null;
         };

package/dist/types/website/constants/data-connectors.d.ts

@@ -1,4 +1,5 @@
 import { ApiMethods } from "../../builder/enums/data-connectors";
+export declare const OPTION_FAMILIES_GET_ALL_URL = "/search/option-families/get-all";
 export declare const dataConnectorApisData: {
     PRODUST: {
         url: string;
@@ -56,6 +57,14 @@ export declare const dataConnectorApisData: {
         url: string;
         method: ApiMethods;
     };
+    OPTION_FAMILIES: {
+        url: string;
+        method: ApiMethods;
+    };
+    OPTION_FAMILY_BY_ID: {
+        url: string;
+        method: ApiMethods;
+    };
 };
 export declare enum DATA_CONNECTOR_ITEMS_LIST {
     PRODUCT_BY_ID = "Product By Id",
@@ -75,5 +84,7 @@ export declare enum DATA_CONNECTOR_ITEMS_LIST {
     PRODUCTS = "Products",
     BUNDLES_BY_ID = "Bundles By Id",
     CATEGORY_GROUPS = "Category Groups",
-    CATEGORIES_BY_GROUP_ID = "Categories By Group"
+    CATEGORIES_BY_GROUP_ID = "Categories By Group",
+    OPTION_FAMILIES = "Option Families",
+    OPTION_FAMILY_BY_ID = "Option Family By Id"
 }

package/dist/types/website/helper/ssr-functions.d.ts

@@ -20,5 +20,13 @@ export interface ThemeSettingsInterface {
     id?: string;
     postData: boolean;
 }
+/**
+ * The URL for a GET data set: `{key}` segments in the URL (e.g.
+ * "/search/option-families/{id}") are filled from the payload, and the rest of the
+ * payload becomes the query string. URLs without placeholders come out exactly as
+ * `url?query` did before. A placeholder with no value is left as "undefined", which the
+ * data-set builders already treat as "do not call".
+ */
+export declare function buildGetRequestUrl(url: string, payload?: any): string;
 export declare function createQueryStringForCollection(queryObject: any): string;
 export declare const parseThemeSettings: (data: ThemeSettingsInterface) => ThemeSettingsInterface;