@fast-simon/dashboard-utilities 1.0.3 → 1.0.4

package/dist/services/landingPage.js

@@ -0,0 +1,153 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { fastSimonGet } from "./API";
+import { FacetsParser } from "@fast-simon/utilities";
+// const BASE_URL = import.meta.env.VITE_SERVING_BASE_URL ?? "https://internal-v3joil6oqa-uc.a.run.app/search";
+const BASE_URL = "https://yslp---internal-v3joil6oqa-uc.a.run.app/search";
+export const LandingPage = {
+    landingPage: ({ uuid, storeID, landingPage, page = 1, sortBy = "relevency", facets = true, narrow, productsPerPage, withProductAttributes = undefined, searchWithinResultsQuery, type, // }: LandingPageRequest): Promise<LandingPageResponse> => {
+    // const narrowParm = narrow ? new NarrowParser().toServerNarrow(narrow) : undefined;
+    //
+    // const data = await fastSimonGet<LandingPageServerResponseAll>(BASE_URL, 'landing_page_editor', {
+    //     UUID: uuid,
+    //     store_id: storeID,
+    //     facets_required: facets ? 1 : 0,
+    //     products_per_page: productsPerPage,
+    //     narrow: JSON.stringify(narrow),
+    //     lp: landingPage,
+    //     page_num: page,
+    //     type: type,
+    //     // sort_by: sortBy,
+    //     // with_product_attributes: withProductAttributes || get(ispOptions)?.with_product_attributes,
+    //     with_product_attributes: withProductAttributes,
+    //     search_within_search: searchWithinResultsQuery ? searchWithinResultsQuery : undefined,
+    //     visual_merchandising: !searchWithinResultsQuery && !narrow.length ? JSON.stringify(visualMerchandising).replaceAll('"[', '[').replaceAll(']"', ']') : undefined,
+    //     // merchandising_editor: 1,
+    //     // disable_merchandising: 1,
+    //     // related_search: 1
+    //     m: 1
+    // });
+    visualMerchandising, merchandisingRules, }) => __awaiter(void 0, void 0, void 0, function* () {
+        const params = {
+            UUID: uuid,
+            store_id: storeID,
+            facets_required: facets ? 1 : 0,
+            products_per_page: productsPerPage,
+            narrow: JSON.stringify(narrow),
+            lp: landingPage,
+            page_num: page,
+            type: type,
+            // sort_by: sortBy,
+            // with_product_attributes: withProductAttributes || get(ispOptions)?.with_product_attributes,
+            with_product_attributes: withProductAttributes,
+            search_within_search: searchWithinResultsQuery
+                ? searchWithinResultsQuery
+                : undefined,
+            visual_merchandising: type == 0
+                ? JSON.stringify(visualMerchandising)
+                    .replaceAll('"[', "[")
+                    .replaceAll(']"', "]")
+                : undefined,
+            // merchandising_editor: 1,
+            // disable_merchandising: 1,
+            // related_search: 1
+            m: 1,
+            // merchandising_rules: merchandising_rules ? JSON.stringify(merchandising_rules).replaceAll('"[', '[').replaceAll(']"', ']') : undefined
+            merchandising_rules: type == 1 ? JSON.stringify(merchandisingRules) : undefined,
+        };
+        // if(lastProduct) {
+        //     params['last_product'] = lastProduct
+        // }
+        const res = yield yield fastSimonGet(BASE_URL, "landing_page_editor", params);
+        // const res = await API.post<LandingPageResponse>({url: BASE_URL+'/landing_page_editor', data: params, config: {headers: {'content-type': 'text/plain'}}});
+        return {
+            data: res,
+            getFacets: () => __awaiter(void 0, void 0, void 0, function* () {
+                return (res === null || res === void 0 ? void 0 : res.facets_completed)
+                    ? transformFacetsOnlyData(res.facets, res.avoid_tag_prefixes)
+                    : yield LandingPage.landingPageFacetsOnly({
+                        uuid,
+                        storeID,
+                        landingPage,
+                        page,
+                        narrow,
+                        type,
+                        productsPerPage,
+                        searchWithinResultsQuery,
+                        withProductAttributes,
+                        visualMerchandising,
+                        merchandisingRules,
+                    });
+            }),
+        };
+        // return {
+        //     data: data,
+        //     getFacets: async () => (data?.facets_completed ? transformFacetsOnlyData(data.facets, data.avoid_tag_prefixes) : await LandingPage.landingPageFacetsOnly({uuid,
+        //             storeID,
+        //             landingPage,
+        //             narrow,
+        //             type,
+        //             page,
+        //             productsPerPage,
+        //             searchWithinResultsQuery})
+        //      )
+        // }
+    }),
+    landingPageFacetsOnly: ({ uuid, storeID, landingPage, page = 1, narrow, type, productsPerPage, searchWithinResultsQuery, withProductAttributes = false, visualMerchandising, merchandisingRules, }) => __awaiter(void 0, void 0, void 0, function* () {
+        // }: LandingPageFacetsOnly): Promise<Facet[]> => {
+        const data = yield fastSimonGet(BASE_URL, "landing_page_editor", {
+            UUID: uuid,
+            store_id: storeID,
+            facets_required: 2,
+            products_per_page: productsPerPage,
+            narrow: JSON.stringify(narrow),
+            type: type,
+            lp: landingPage,
+            page_num: page !== null && page !== void 0 ? page : 1,
+            // sort_by: sortBy,
+            // with_product_attributes: withProductAttributes || get(ispOptions)?.with_product_attributes,
+            with_product_attributes: withProductAttributes,
+            search_within_search: searchWithinResultsQuery
+                ? searchWithinResultsQuery
+                : undefined,
+            visual_merchandising: type == 0
+                ? JSON.stringify(visualMerchandising)
+                    .replaceAll('"[', "[")
+                    .replaceAll(']"', "]")
+                : undefined,
+            merchandising_rules: merchandisingRules
+                ? JSON.stringify(merchandisingRules)
+                : undefined,
+            m: 1,
+        });
+        return transformFacetsOnlyData(data.facets, data.avoid_tag_prefixes);
+    }),
+};
+// const transformData = (r: LandingPageServerResponseAll): LandingPageResults => ({
+// narrow: r.narrow ? new NarrowParser().toNarrow(r.narrow) : {},
+// sortBy: r.sort_by,
+// totalResults: r.total_results,
+// page: r.p,
+// totalPages: r.total_p,
+// lpSlug: r.lp_slug,
+// // products: ProductParser.parseProducts(r.items),
+// products: r.items,
+// productIDS: r.items.map(product => String(product.id)),
+// facets: new FacetsParser().parseFacets(r.facets, r.avoid_tag_prefixes ? r.avoid_tag_prefixes.split(",") : []),
+// avoidTagPrefixes: r.avoid_tag_prefixes ? r.avoid_tag_prefixes.split(",") : [],
+// bannerHTML: r?.banner_html ?? "",
+// bannerHTMLMobile: r?.banner_html_mobile ?? "",
+// indexPage: r.index_page,
+// title: r.title,
+// sort: r.sort_by,
+// ancestors: new FacetsParser().parseAncestors(r?.ancestor_categories)
+// });
+export const transformFacetsOnlyData = (r, avoidTagPrefixes) => new FacetsParser().parseFacets(r, avoidTagPrefixes ? avoidTagPrefixes.split(",") : []);
+//# sourceMappingURL=landingPage.js.map

package/dist/services/landingPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"landingPage.js","sourceRoot":"","sources":["../../src/services/landingPage.ts"],"names":[],"mappings":"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","sourcesContent":["import type {SortBy} from \"../@types/sortBy\";\r\nimport type {Narrow, ServerNarrow} from \"@fast-simon/utilities\";\r\nimport { fastSimonGet } from \"./API\";\r\nimport {FacetsParser, ServerFacet} from \"@fast-simon/utilities\"\r\nimport {AncestorCategory} from \"../@types/categories\";\r\nimport {EditorProduct} from \"../@types/editorProduct\";\r\ninterface LandingPageRequest {\r\n    uuid: string;\r\n    storeID: string;\r\n    landingPage: string\r\n    type: number\r\n    page?: number\r\n    sortBy?: SortBy\r\n    facets?: boolean\r\n    narrow?: Narrow\r\n    productsPerPage?: number\r\n    withProductAttributes?: boolean\r\n    searchWithinResultsQuery?: string\r\n}\r\n\r\ninterface LandingPageFacetsOnly extends Omit<LandingPageRequest, \"facets\"> {\r\n    avoid_tag_prefixes?: string\r\n}\r\n\r\ninterface LandingPageServerResponseFacetsOnly {\r\n    total_results: number\r\n    term: string\r\n    narrow?: ServerNarrow\r\n    facets_completed: true\r\n    facets: ServerFacet[],\r\n}\r\n\r\ninterface LandingPageServerResponseAll {\r\n    items: EditorProduct[]\r\n    alternatives?: string[]\r\n    facets_completed: boolean\r\n    narrow?: ServerNarrow[]\r\n    p: number\r\n    total_p: number\r\n    total_results: number\r\n    term: string\r\n    lp_slug: string\r\n    title: string\r\n    index_page: number\r\n    banner_html: string\r\n    banner_html_mobile: string\r\n    facets: ServerFacet[]\r\n    sort_by: SortBy\r\n    avoid_tag_prefixes?: string\r\n    cms_number_found?: number\r\n    within_search_results_for?: string,\r\n    ancestor_categories?: AncestorCategory[]\r\n}\r\n\r\n// const BASE_URL = import.meta.env.VITE_SERVING_BASE_URL ?? \"https://internal-v3joil6oqa-uc.a.run.app/search\";\r\nconst BASE_URL = \"https://yslp---internal-v3joil6oqa-uc.a.run.app/search\"\r\n\r\ninterface LandingPageResponse {\r\n    items: EditorProduct[]\r\n    facets_completed: boolean\r\n    narrow?: Narrow[]\r\n    p: number\r\n    total_p: number\r\n    isp_quick_view_mode: number\r\n    related_results: boolean\r\n    total_results: number\r\n    lp_slug: string\r\n    title: string\r\n    facets: ServerFacet[]\r\n    sort_by: SortBy\r\n    avoid_tag_prefixes?: string\r\n    // data: LandingPageResults,\r\n    // getFacetsOnly?: () => Promise<Facet[]>\r\n}\r\n\r\nexport const LandingPage = {\r\n    landingPage: async ({\r\n        uuid,\r\n        storeID,\r\n        landingPage,\r\n        page = 1,\r\n        sortBy = \"relevency\",\r\n        facets = true,\r\n        narrow,\r\n        productsPerPage,\r\n        withProductAttributes = undefined,\r\n        searchWithinResultsQuery,\r\n        type, // }: LandingPageRequest): Promise<LandingPageResponse> => {\r\n        // const narrowParm = narrow ? new NarrowParser().toServerNarrow(narrow) : undefined;\r\n        //\r\n        // const data = await fastSimonGet<LandingPageServerResponseAll>(BASE_URL, 'landing_page_editor', {\r\n        //     UUID: uuid,\r\n        //     store_id: storeID,\r\n        //     facets_required: facets ? 1 : 0,\r\n        //     products_per_page: productsPerPage,\r\n        //     narrow: JSON.stringify(narrow),\r\n        //     lp: landingPage,\r\n        //     page_num: page,\r\n        //     type: type,\r\n        //     // sort_by: sortBy,\r\n        //     // with_product_attributes: withProductAttributes || get(ispOptions)?.with_product_attributes,\r\n        //     with_product_attributes: withProductAttributes,\r\n        //     search_within_search: searchWithinResultsQuery ? searchWithinResultsQuery : undefined,\r\n        //     visual_merchandising: !searchWithinResultsQuery && !narrow.length ? JSON.stringify(visualMerchandising).replaceAll('\"[', '[').replaceAll(']\"', ']') : undefined,\r\n        //     // merchandising_editor: 1,\r\n        //     // disable_merchandising: 1,\r\n        //     // related_search: 1\r\n        //     m: 1\r\n        // });\r\n        visualMerchandising,\r\n        merchandisingRules,\r\n    }: any) => {\r\n        const params: Record<string, any> = {\r\n            UUID: uuid,\r\n            store_id: storeID,\r\n            facets_required: facets ? 1 : 0,\r\n            products_per_page: productsPerPage,\r\n            narrow: JSON.stringify(narrow),\r\n            lp: landingPage,\r\n            page_num: page,\r\n            type: type,\r\n            // sort_by: sortBy,\r\n            // with_product_attributes: withProductAttributes || get(ispOptions)?.with_product_attributes,\r\n            with_product_attributes: withProductAttributes,\r\n            search_within_search: searchWithinResultsQuery\r\n                ? searchWithinResultsQuery\r\n                : undefined,\r\n            visual_merchandising:\r\n                type == 0\r\n                    ? JSON.stringify(visualMerchandising)\r\n                          .replaceAll('\"[', \"[\")\r\n                          .replaceAll(']\"', \"]\")\r\n                    : undefined,\r\n            // merchandising_editor: 1,\r\n            // disable_merchandising: 1,\r\n            // related_search: 1\r\n            m: 1,\r\n            // merchandising_rules: merchandising_rules ? JSON.stringify(merchandising_rules).replaceAll('\"[', '[').replaceAll(']\"', ']') : undefined\r\n            merchandising_rules:\r\n                type == 1 ? JSON.stringify(merchandisingRules) : undefined,\r\n        };\r\n        // if(lastProduct) {\r\n        //     params['last_product'] = lastProduct\r\n        // }\r\n        const res = await await fastSimonGet<LandingPageResponse>(\r\n            BASE_URL,\r\n            \"landing_page_editor\",\r\n            params\r\n        );\r\n        // const res = await API.post<LandingPageResponse>({url: BASE_URL+'/landing_page_editor', data: params, config: {headers: {'content-type': 'text/plain'}}});\r\n        return {\r\n            data: res,\r\n            getFacets: async () =>\r\n                res?.facets_completed\r\n                    ? transformFacetsOnlyData(\r\n                          res.facets,\r\n                          res.avoid_tag_prefixes\r\n                      )\r\n                    : await LandingPage.landingPageFacetsOnly({\r\n                          uuid,\r\n                          storeID,\r\n                          landingPage,\r\n                          page,\r\n                          narrow,\r\n                          type,\r\n                          productsPerPage,\r\n                          searchWithinResultsQuery,\r\n                          withProductAttributes,\r\n                          visualMerchandising,\r\n                          merchandisingRules,\r\n                      }),\r\n        };\r\n        // return {\r\n        //     data: data,\r\n        //     getFacets: async () => (data?.facets_completed ? transformFacetsOnlyData(data.facets, data.avoid_tag_prefixes) : await LandingPage.landingPageFacetsOnly({uuid,\r\n        //             storeID,\r\n        //             landingPage,\r\n        //             narrow,\r\n        //             type,\r\n        //             page,\r\n        //             productsPerPage,\r\n        //             searchWithinResultsQuery})\r\n        //      )\r\n        // }\r\n    },\r\n\r\n    landingPageFacetsOnly: async ({\r\n        uuid,\r\n        storeID,\r\n        landingPage,\r\n        page = 1,\r\n        narrow,\r\n        type,\r\n        productsPerPage,\r\n        searchWithinResultsQuery,\r\n        withProductAttributes = false,\r\n        visualMerchandising,\r\n        merchandisingRules,\r\n    }: any) => {\r\n        // }: LandingPageFacetsOnly): Promise<Facet[]> => {\r\n\r\n        const data = await fastSimonGet<LandingPageServerResponseAll>(\r\n            BASE_URL,\r\n            \"landing_page_editor\",\r\n            {\r\n                UUID: uuid,\r\n                store_id: storeID,\r\n                facets_required: 2,\r\n                products_per_page: productsPerPage,\r\n                narrow: JSON.stringify(narrow),\r\n                type: type,\r\n                lp: landingPage,\r\n                page_num: page ?? 1,\r\n                // sort_by: sortBy,\r\n                // with_product_attributes: withProductAttributes || get(ispOptions)?.with_product_attributes,\r\n                with_product_attributes: withProductAttributes,\r\n                search_within_search: searchWithinResultsQuery\r\n                    ? searchWithinResultsQuery\r\n                    : undefined,\r\n                visual_merchandising:\r\n                    type == 0\r\n                        ? JSON.stringify(visualMerchandising)\r\n                              .replaceAll('\"[', \"[\")\r\n                              .replaceAll(']\"', \"]\")\r\n                        : undefined,\r\n                merchandising_rules: merchandisingRules\r\n                    ? JSON.stringify(merchandisingRules)\r\n                    : undefined,\r\n                m: 1,\r\n            }\r\n        );\r\n\r\n        return transformFacetsOnlyData(data.facets, data.avoid_tag_prefixes);\r\n    },\r\n};\r\n\r\n// const transformData = (r: LandingPageServerResponseAll): LandingPageResults => ({\r\n    // narrow: r.narrow ? new NarrowParser().toNarrow(r.narrow) : {},\r\n    // sortBy: r.sort_by,\r\n    // totalResults: r.total_results,\r\n    // page: r.p,\r\n    // totalPages: r.total_p,\r\n    // lpSlug: r.lp_slug,\r\n    // // products: ProductParser.parseProducts(r.items),\r\n    // products: r.items,\r\n    // productIDS: r.items.map(product => String(product.id)),\r\n    // facets: new FacetsParser().parseFacets(r.facets, r.avoid_tag_prefixes ? r.avoid_tag_prefixes.split(\",\") : []),\r\n    // avoidTagPrefixes: r.avoid_tag_prefixes ? r.avoid_tag_prefixes.split(\",\") : [],\r\n    // bannerHTML: r?.banner_html ?? \"\",\r\n    // bannerHTMLMobile: r?.banner_html_mobile ?? \"\",\r\n    // indexPage: r.index_page,\r\n    // title: r.title,\r\n    // sort: r.sort_by,\r\n    // ancestors: new FacetsParser().parseAncestors(r?.ancestor_categories)\r\n// });\r\n\r\nexport const transformFacetsOnlyData = (r: ServerFacet[], avoidTagPrefixes?: string) => new FacetsParser().parseFacets(r, avoidTagPrefixes ? avoidTagPrefixes.split(\",\") : []);"]}

package/dist/utils/customTagsFilters.d.ts

@@ -0,0 +1,4 @@
+export declare class CustomTagsFilters {
+    static setCustomTagsFilters(customTagsFilters: string[]): void;
+    static getCustomTagsFilters(): string[];
+}

package/dist/utils/customTagsFilters.js

@@ -0,0 +1,10 @@
+export class CustomTagsFilters {
+    static setCustomTagsFilters(customTagsFilters) {
+        localStorage.setItem('customTagsFilters', JSON.stringify(customTagsFilters));
+    }
+    static getCustomTagsFilters() {
+        const storedFilters = localStorage.getItem('customTagsFilters');
+        return storedFilters ? JSON.parse(storedFilters) : [];
+    }
+}
+//# sourceMappingURL=customTagsFilters.js.map

package/dist/utils/customTagsFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customTagsFilters.js","sourceRoot":"","sources":["../../src/utils/customTagsFilters.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,iBAAiB;IAC1B,MAAM,CAAC,oBAAoB,CAAC,iBAA2B;QACnD,YAAY,CAAC,OAAO,CAAC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC;IACjF,CAAC;IAED,MAAM,CAAC,oBAAoB;QACvB,MAAM,aAAa,GAAG,YAAY,CAAC,OAAO,CAAC,mBAAmB,CAAC,CAAC;QAChE,OAAO,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1D,CAAC;CACJ","sourcesContent":["export class CustomTagsFilters {\r\n    static setCustomTagsFilters(customTagsFilters: string[]) {\r\n        localStorage.setItem('customTagsFilters', JSON.stringify(customTagsFilters));\r\n    }\r\n\r\n    static getCustomTagsFilters(): string[] {\r\n        const storedFilters = localStorage.getItem('customTagsFilters');\r\n        return storedFilters ? JSON.parse(storedFilters) : [];\r\n    }\r\n}\r\n"]}

package/dist/utils/products.d.ts

@@ -0,0 +1,30 @@
+import { EditorProduct } from "../@types/editorProduct";
+export declare const ProductsUtils: {
+    /**
+     * Change the position of multiple products, starting from index a and moving n products to index b, in use for multiple product actions
+     * Use the splice method to extract and remove the products from their original positions, then use the splice method again to insert them into the new positions
+     * Time complexity O(n), where n is the number of elements in the array that being modified
+     * @param products - is the current products state
+     * @param startIndex - is the starting index
+     * @param numberOfProducts - is the number of products to move
+     * @param destIndex - is the destination index you want to insert the product into
+     **/
+    changeProductsPosition: (products: EditorProduct[], startIndex: number, numberOfProducts: number, destIndex: number) => EditorProduct[];
+    /**
+     * Change position of a single product
+     * Use the splice method to remove the product from its original position and insert it into the new position.
+     * time complexity O(n)
+     * @param gridItems - is the current products state
+     * @param oldIndex - is the index of the product to move
+     * @param newIndex - is the destination index
+     **/
+    changeProductPosition: (gridItems: EditorProduct[], oldIndex: number, newIndex: number) => EditorProduct[];
+    /**
+     * Add product (hidden/unpublished/promotile) to specific position in the products array
+     * Use the splice method to remove the product from its original position and insert it into the new position.
+     * @param products - is the current products state
+     * @param productToAdd - is the new product to add
+     * @param destIndex - is the destination index
+     **/
+    addProductToIndex: (products: EditorProduct[], productToAdd: EditorProduct, destIndex: number) => EditorProduct[];
+};

package/dist/utils/products.js

@@ -0,0 +1,39 @@
+export const ProductsUtils = {
+    /**
+     * Change the position of multiple products, starting from index a and moving n products to index b, in use for multiple product actions
+     * Use the splice method to extract and remove the products from their original positions, then use the splice method again to insert them into the new positions
+     * Time complexity O(n), where n is the number of elements in the array that being modified
+     * @param products - is the current products state
+     * @param startIndex - is the starting index
+     * @param numberOfProducts - is the number of products to move
+     * @param destIndex - is the destination index you want to insert the product into
+     **/
+    changeProductsPosition: (products, startIndex, numberOfProducts, destIndex) => {
+        products.splice(destIndex - numberOfProducts + 1, 0, ...products.splice(startIndex, numberOfProducts));
+        return products;
+    },
+    /**
+     * Change position of a single product
+     * Use the splice method to remove the product from its original position and insert it into the new position.
+     * time complexity O(n)
+     * @param gridItems - is the current products state
+     * @param oldIndex - is the index of the product to move
+     * @param newIndex - is the destination index
+     **/
+    changeProductPosition: (gridItems, oldIndex, newIndex) => {
+        gridItems.splice(newIndex, 0, gridItems.splice(oldIndex, 1)[0]);
+        return gridItems;
+    },
+    /**
+     * Add product (hidden/unpublished/promotile) to specific position in the products array
+     * Use the splice method to remove the product from its original position and insert it into the new position.
+     * @param products - is the current products state
+     * @param productToAdd - is the new product to add
+     * @param destIndex - is the destination index
+     **/
+    addProductToIndex: (products, productToAdd, destIndex) => {
+        products.splice(destIndex, 0, productToAdd);
+        return products;
+    }
+};
+//# sourceMappingURL=products.js.map

package/dist/utils/products.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"products.js","sourceRoot":"","sources":["../../src/utils/products.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG;IAEzB;;;;;;;;QAQI;IACJ,sBAAsB,EAAE,CAAC,QAAyB,EAAE,UAAkB,EAAE,gBAAwB,EAAE,SAAiB,EAAE,EAAE;QACnH,QAAQ,CAAC,MAAM,CAAC,SAAS,GAAC,gBAAgB,GAAC,CAAC,EAAE,CAAC,EAAE,GAAG,QAAQ,CAAC,MAAM,CAAC,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;QACnG,OAAO,QAAQ,CAAC;IACpB,CAAC;IAED;;;;;;;QAOI;IACJ,qBAAqB,EAAE,CAAC,SAA0B,EAAE,QAAgB,EAAE,QAAgB,EAAE,EAAE;QACtF,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAChE,OAAO,SAAS,CAAC;IACrB,CAAC;IAED;;;;;;QAMI;IACJ,iBAAiB,EAAE,CAAC,QAAyB,EAAE,YAA2B,EAAE,SAAiB,EAAE,EAAE;QAC7F,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,EAAE,YAAY,CAAC,CAAC;QAC5C,OAAO,QAAQ,CAAC;IACpB,CAAC;CAGJ,CAAA","sourcesContent":["import {EditorProduct} from \"../@types/editorProduct\";\r\n\r\nexport const ProductsUtils = {\r\n\r\n    /**\r\n     * Change the position of multiple products, starting from index a and moving n products to index b, in use for multiple product actions\r\n     * Use the splice method to extract and remove the products from their original positions, then use the splice method again to insert them into the new positions\r\n     * Time complexity O(n), where n is the number of elements in the array that being modified\r\n     * @param products - is the current products state\r\n     * @param startIndex - is the starting index\r\n     * @param numberOfProducts - is the number of products to move\r\n     * @param destIndex - is the destination index you want to insert the product into\r\n     **/\r\n    changeProductsPosition: (products: EditorProduct[], startIndex: number, numberOfProducts: number, destIndex: number) => {\r\n        products.splice(destIndex-numberOfProducts+1, 0, ...products.splice(startIndex, numberOfProducts));\r\n        return products;\r\n    },\r\n\r\n    /**\r\n     * Change position of a single product\r\n     * Use the splice method to remove the product from its original position and insert it into the new position.\r\n     * time complexity O(n)\r\n     * @param gridItems - is the current products state\r\n     * @param oldIndex - is the index of the product to move\r\n     * @param newIndex - is the destination index\r\n     **/\r\n    changeProductPosition: (gridItems: EditorProduct[], oldIndex: number, newIndex: number) => {\r\n        gridItems.splice(newIndex, 0, gridItems.splice(oldIndex, 1)[0]);\r\n        return gridItems;\r\n    },\r\n\r\n    /**\r\n     * Add product (hidden/unpublished/promotile) to specific position in the products array\r\n     * Use the splice method to remove the product from its original position and insert it into the new position.\r\n     * @param products - is the current products state\r\n     * @param productToAdd - is the new product to add\r\n     * @param destIndex - is the destination index\r\n     **/\r\n    addProductToIndex: (products: EditorProduct[], productToAdd: EditorProduct, destIndex: number) => {\r\n        products.splice(destIndex, 0, productToAdd);\r\n        return products;\r\n    }\r\n\r\n\r\n}"]}

package/dist/utils/shopifyMarkets.d.ts

@@ -0,0 +1,3 @@
+export default class ShopifyMarkets {
+    static getCountry(): any;
+}

package/dist/utils/shopifyMarkets.js

@@ -0,0 +1,7 @@
+export default class ShopifyMarkets {
+    static getCountry() {
+        var _a;
+        return (_a = window === null || window === void 0 ? void 0 : window.Shopify) === null || _a === void 0 ? void 0 : _a.country;
+    }
+}
+//# sourceMappingURL=shopifyMarkets.js.map

package/dist/utils/shopifyMarkets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shopifyMarkets.js","sourceRoot":"","sources":["../../src/utils/shopifyMarkets.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,cAAc;IAChC,MAAM,CAAC,UAAU;;QACZ,OAAO,MAAC,MAAc,aAAd,MAAM,uBAAN,MAAM,CAAU,OAAO,0CAAE,OAAO,CAAC;IAC7C,CAAC;CACJ","sourcesContent":["export default class ShopifyMarkets {\r\n   static getCountry() {\r\n        return (window as any)?.Shopify?.country;\r\n    }\r\n}"]}

package/dist/utils/useDragToSelect.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+interface Props {
+    areaRef: React.RefObject<HTMLDivElement>;
+    selectables: HTMLElement[];
+    areaId: string;
+    onSelectCommitted?: (selectedIDS: string[]) => void;
+    onSelect: (ids: Record<string, number>) => void;
+    isDragAndDropActive: boolean;
+    disabled?: boolean;
+    onDispatch: (key: string, value: any) => void;
+}
+export declare const useDragToSelect: ({ areaRef, selectables, areaId, onSelectCommitted, onSelect, isDragAndDropActive, disabled, onDispatch, }: Props) => void;
+export {};

package/dist/utils/useDragToSelect.js

@@ -0,0 +1,177 @@
+import React, { useCallback, useEffect, useState } from "react";
+import DragSelect from "dragselect";
+export const useDragToSelect = ({ areaRef, selectables, areaId, onSelectCommitted, onSelect, isDragAndDropActive, disabled, onDispatch, }) => {
+    // const { state, dispatcher } = useVisualEditorContext();
+    const [dragselect, setDragSelect] = React.useState();
+    const [prevSelectables, setPrevSelectables] = useState([]);
+    const setSelected = useCallback((items) => {
+        const selected = items.map((el) => {
+            const wrapper = el.closest(".main-product-container") ||
+                el.querySelector(".main-product-container");
+            return {
+                id: wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id"),
+                pos: wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-index"),
+            };
+        });
+        const ids = {};
+        selected.forEach((el) => {
+            const id = el.id.includes("_")
+                ? el.id.split("_")[1]
+                : String(el.id);
+            ids[id] = parseInt(el.pos);
+        });
+        onSelect(ids);
+    }, [onSelect]);
+    const onselect = (callback_object) => {
+        var _a;
+        if (window.isDragAndDropActive ||
+            (callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) ||
+            !((_a = callback_object.event) === null || _a === void 0 ? void 0 : _a.target) ||
+            callback_object.event.target.localName === "svg") {
+            return;
+        }
+        if (callback_object.event.target.classList.contains("material-symbols-outlined") ||
+            callback_object.event.target.className.includes("icon") ||
+            callback_object.event.target.className.includes("Tooltip")) {
+            return;
+        }
+        setSelected(callback_object.items);
+    };
+    const commit = (callback_object) => {
+        var _a, _b, _c;
+        // dispatcher.setIsDragToSelectActive(false);
+        onDispatch("setIsDragToSelectActive", false);
+        if ((callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) ||
+            window.isDragAndDropActive) {
+            const area = document.getElementById(areaId);
+            if (area) {
+                area.style.userSelect = "";
+                area.style.webkitUserSelect = "";
+            }
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
+            return;
+        }
+        if ((_c = (_b = (_a = callback_object === null || callback_object === void 0 ? void 0 : callback_object.event) === null || _a === void 0 ? void 0 : _a.target) === null || _b === void 0 ? void 0 : _b.closest) === null || _c === void 0 ? void 0 : _c.call(_b, ".main-product-container")) {
+            return;
+        }
+        onselect(callback_object);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
+    };
+    const onSelectStart = (callback_object) => {
+        var _a, _b, _c, _d;
+        // dispatcher.setIsDragToSelectActive(true);
+        onDispatch("setIsDragToSelectActive", true);
+        if (!(callback_object === null || callback_object === void 0 ? void 0 : callback_object.isDragging) &&
+            !window.isDragAndDropActive &&
+            callback_object.items.length !== 1) {
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.clearSelection();
+        }
+        if (window.getSelection) {
+            (_b = (_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.removeAllRanges) === null || _b === void 0 ? void 0 : _b.call(_a);
+        }
+        else if (document.getSelection) {
+            (_d = (_c = document.getSelection()) === null || _c === void 0 ? void 0 : _c.empty) === null || _d === void 0 ? void 0 : _d.call(_c);
+        }
+        const area = document.getElementById(areaId);
+        if (area) {
+            area.style.userSelect = "none";
+            area.style.webkitUserSelect = "none";
+        }
+    };
+    const onscroll = (callback_object) => {
+        var _a;
+        if (((_a = callback_object === null || callback_object === void 0 ? void 0 : callback_object.items) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+            !window.isDragAndDropActive) {
+            setSelected(callback_object.items);
+        }
+    };
+    useEffect(() => {
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("dragmove", onselect);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("callback", commit);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("dragstart", onSelectStart);
+        dragselect === null || dragselect === void 0 ? void 0 : dragselect.subscribe("autoscroll", onscroll);
+        return () => {
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("dragmove", onselect);
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("callback", commit);
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("dragstart", onSelectStart);
+            dragselect === null || dragselect === void 0 ? void 0 : dragselect.unsubscribe("autoscroll", onscroll);
+        };
+    }, [dragselect, setSelected]);
+    useEffect(() => {
+        const prevIds = prevSelectables.map((el) => {
+            const wrapper = el.closest(".main-product-container");
+            return wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id");
+        });
+        const currentIds = selectables.map((el) => {
+            const wrapper = el.closest(".main-product-container");
+            return wrapper === null || wrapper === void 0 ? void 0 : wrapper.getAttribute("product-id");
+        });
+        if (!dragselect && areaRef.current) {
+            if (onSelectCommitted) {
+                console.log("init dragselect");
+            }
+            setDragSelect(new DragSelect({
+                selectables: selectables,
+                area: document.getElementById(areaId),
+                autoScrollSpeed: 15,
+                overflowTolerance: { x: 0, y: 0 },
+            }));
+        }
+        else if (dragselect &&
+            JSON.stringify(prevIds) !== JSON.stringify(currentIds) &&
+            !isDragAndDropActive) {
+            dragselect.setSettings({
+                selectables: selectables,
+                overflowTolerance: { x: 0, y: 0 },
+            });
+            setPrevSelectables(selectables);
+        }
+    }, [selectables, areaRef, disabled, isDragAndDropActive]);
+    useEffect(() => {
+        const mousedownCallback = (e) => {
+            var _a;
+            if (e.target.closest("#page_top")) {
+                return;
+            }
+            if (e.target.closest(".actions-bar-container") ||
+                e.target.closest(".scroll-to-top-btn") ||
+                e.target.closest(".paste-button-container")) {
+                return;
+            }
+            if (!((_a = e.target) === null || _a === void 0 ? void 0 : _a.closest("#" + areaId))) {
+                // dispatcher.setIsCutting(false);
+                // dispatcher.setSelectedProducts([]);
+                onDispatch("setIsCutting", false);
+                onDispatch("setSelectedProducts", []);
+                onSelect({});
+            }
+        };
+        document.addEventListener("mousedown", mousedownCallback);
+        return () => {
+            document.removeEventListener("mousedown", mousedownCallback);
+        };
+    }, []);
+    useEffect(() => {
+        document.querySelectorAll(".ds-selector-area").forEach((el) => {
+            el.style.visibility = isDragAndDropActive ? "hidden" : "visible";
+        });
+    }, [isDragAndDropActive]);
+    useEffect(() => {
+        if (dragselect && disabled) {
+            dragselect.clearSelection();
+            dragselect.setSettings({
+                selectables: [],
+                area: document.createElement("div"),
+                overflowTolerance: { x: 0, y: 0 },
+            });
+        }
+        else if (dragselect && disabled === false) {
+            dragselect.setSettings({
+                selectables: selectables,
+                area: document.getElementById(areaId),
+                overflowTolerance: { x: 0, y: 0 },
+            });
+        }
+    }, [dragselect, disabled]);
+};
+//# sourceMappingURL=useDragToSelect.js.map

package/dist/utils/useDragToSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragToSelect.js","sourceRoot":"","sources":["../../src/utils/useDragToSelect.ts"],"names":[],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport DragSelect from \"dragselect\";\ninterface Props {\n    areaRef: React.RefObject<HTMLDivElement>;\n    selectables: HTMLElement[];\n    areaId: string;\n    onSelectCommitted?: (selectedIDS: string[]) => void;\n    onSelect: (ids: Record<string, number>) => void;\n    isDragAndDropActive: boolean;\n    disabled?: boolean;\n    onDispatch: (key: string, value: any) => void;\n}\nexport const useDragToSelect = ({\n    areaRef,\n    selectables,\n    areaId,\n    onSelectCommitted,\n    onSelect,\n    isDragAndDropActive,\n    disabled,\n    onDispatch,\n}: Props) => {\n    // const { state, dispatcher } = useVisualEditorContext();\n\n    const [dragselect, setDragSelect] = React.useState<DragSelect>();\n\n    const [prevSelectables, setPrevSelectables] = useState<HTMLElement[]>([]);\n\n    const setSelected = useCallback(\n        (items: HTMLElement[]) => {\n            const selected = items.map((el: HTMLElement) => {\n                const wrapper =\n                    el.closest(\".main-product-container\") ||\n                    el.querySelector(\".main-product-container\");\n                return {\n                    id: wrapper?.getAttribute(\"product-id\"),\n                    pos: wrapper?.getAttribute(\"product-index\"),\n                };\n            });\n            const ids: Record<string, number> = {};\n            selected.forEach((el: any) => {\n                const id = el.id.includes(\"_\")\n                    ? el.id.split(\"_\")[1]\n                    : String(el.id);\n                ids[id] = parseInt(el.pos);\n            });\n\n            onSelect(ids);\n        },\n        [onSelect]\n    );\n\n    const onselect = (callback_object: any) => {\n        if (\n            (window as any).isDragAndDropActive ||\n            callback_object?.isDragging ||\n            !callback_object.event?.target ||\n            callback_object.event.target.localName === \"svg\"\n        ) {\n            return;\n        }\n        if (\n            callback_object.event.target.classList.contains(\n                \"material-symbols-outlined\"\n            ) ||\n            callback_object.event.target.className.includes(\"icon\") ||\n            callback_object.event.target.className.includes(\"Tooltip\")\n        ) {\n            return;\n        }\n\n        setSelected(callback_object.items);\n    };\n\n    const commit = (callback_object: any) => {\n        // dispatcher.setIsDragToSelectActive(false);\n        onDispatch(\"setIsDragToSelectActive\", false);\n        if (\n            callback_object?.isDragging ||\n            (window as any).isDragAndDropActive\n        ) {\n            const area = document.getElementById(areaId) as HTMLElement;\n            if (area) {\n                area.style.userSelect = \"\";\n                area.style.webkitUserSelect = \"\";\n            }\n            dragselect?.clearSelection();\n            return;\n        }\n        if (\n            callback_object?.event?.target?.closest?.(\".main-product-container\")\n        ) {\n            return;\n        }\n        onselect(callback_object);\n        dragselect?.clearSelection();\n    };\n\n    const onSelectStart = (callback_object: any) => {\n        // dispatcher.setIsDragToSelectActive(true);\n        onDispatch(\"setIsDragToSelectActive\", true);\n\n        if (\n            !callback_object?.isDragging &&\n            !(window as any).isDragAndDropActive &&\n            callback_object.items.length !== 1\n        ) {\n            dragselect?.clearSelection();\n        }\n        if (window.getSelection) {\n            window.getSelection()?.removeAllRanges?.();\n        } else if (document.getSelection) {\n            document.getSelection()?.empty?.();\n        }\n        const area = document.getElementById(areaId) as HTMLElement;\n        if (area) {\n            area.style.userSelect = \"none\";\n            area.style.webkitUserSelect = \"none\";\n        }\n    };\n\n    const onscroll = (callback_object: any) => {\n        if (\n            callback_object?.items?.length > 1 &&\n            !(window as any).isDragAndDropActive\n        ) {\n            setSelected(callback_object.items);\n        }\n    };\n\n    useEffect(() => {\n        dragselect?.subscribe(\"dragmove\", onselect);\n        dragselect?.subscribe(\"callback\", commit);\n        dragselect?.subscribe(\"dragstart\", onSelectStart);\n        dragselect?.subscribe(\"autoscroll\", onscroll);\n        return () => {\n            dragselect?.unsubscribe(\"dragmove\", onselect);\n            dragselect?.unsubscribe(\"callback\", commit);\n            dragselect?.unsubscribe(\"dragstart\", onSelectStart);\n            dragselect?.unsubscribe(\"autoscroll\", onscroll);\n        };\n    }, [dragselect, setSelected]);\n\n    useEffect(() => {\n        const prevIds = prevSelectables.map((el: HTMLElement) => {\n            const wrapper = el.closest(\".main-product-container\");\n            return wrapper?.getAttribute(\"product-id\");\n        });\n        const currentIds = selectables.map((el: HTMLElement) => {\n            const wrapper = el.closest(\".main-product-container\");\n            return wrapper?.getAttribute(\"product-id\");\n        });\n\n        if (!dragselect && areaRef.current) {\n            if (onSelectCommitted) {\n                console.log(\"init dragselect\");\n            }\n            setDragSelect(\n                new DragSelect({\n                    selectables: selectables as HTMLElement[],\n                    area: document.getElementById(areaId) as HTMLElement,\n                    autoScrollSpeed: 15,\n                    overflowTolerance: { x: 0, y: 0 },\n                })\n            );\n        } else if (\n            dragselect &&\n            JSON.stringify(prevIds) !== JSON.stringify(currentIds) &&\n            !isDragAndDropActive\n        ) {\n            dragselect.setSettings({\n                selectables: selectables as HTMLElement[],\n                overflowTolerance: { x: 0, y: 0 },\n            });\n            setPrevSelectables(selectables);\n        }\n    }, [selectables, areaRef, disabled, isDragAndDropActive]);\n\n    useEffect(() => {\n        const mousedownCallback = (e: any) => {\n            if (e.target.closest(\"#page_top\")) {\n                return;\n            }\n            if (\n                e.target.closest(\".actions-bar-container\") ||\n                e.target.closest(\".scroll-to-top-btn\") ||\n                e.target.closest(\".paste-button-container\")\n            ) {\n                return;\n            }\n            if (!e.target?.closest(\"#\" + areaId)) {\n                // dispatcher.setIsCutting(false);\n                // dispatcher.setSelectedProducts([]);\n                onDispatch(\"setIsCutting\", false);\n                onDispatch(\"setSelectedProducts\", []);\n                onSelect({});\n            }\n        };\n\n        document.addEventListener(\"mousedown\", mousedownCallback);\n        return () => {\n            document.removeEventListener(\"mousedown\", mousedownCallback);\n        };\n    }, []);\n\n    useEffect(() => {\n        document.querySelectorAll(\".ds-selector-area\").forEach((el: any) => {\n            el.style.visibility = isDragAndDropActive ? \"hidden\" : \"visible\";\n        });\n    }, [isDragAndDropActive]);\n\n    useEffect(() => {\n        if (dragselect && disabled) {\n            dragselect.clearSelection();\n            dragselect.setSettings({\n                selectables: [],\n                area: document.createElement(\"div\"),\n                overflowTolerance: { x: 0, y: 0 },\n            });\n        } else if (dragselect && disabled === false) {\n            dragselect.setSettings({\n                selectables: selectables as HTMLElement[],\n                area: document.getElementById(areaId) as HTMLElement,\n                overflowTolerance: { x: 0, y: 0 },\n            });\n        }\n    }, [dragselect, disabled]);\n};\n"]}

package/package.json

@@ -1,22 +1,19 @@
 {
   "name": "@fast-simon/dashboard-utilities",
-  "files": [
-    "lib/**/*"
-  ],
-  "version": "1.0.3",
+  "version": "1.0.4",
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build",
     "preview": "vite preview",
+    "build": "tsc -p tsconfig-build.json",
     "prepublishOnly": "npm version patch && npm run build",
-    "tsc": "tsc"
-  },
-  "main": "lib/main.js",
-  "type": "module",
-  "types": "lib/main.d.ts",
-  "directories": {
-    "lib": "lib"
+    "postbuild": "copyfiles -u 2 src/components/**/*.css dist/components && copyfiles -u 2 src/icons/**/*.css dist/icons && copyfiles -u 2 src/assets/**/*.gif dist/assets"
   },
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@babel/core": "^7.20.12",
     "@dnd-kit/core": "^6.0.8",
@@ -36,21 +33,21 @@
     "moment": "^2.29.1",
     "rc-slider": "^10.1.1",
     "react-datepicker": "^4.10.0",
-    "react-select": "^5.2.1",
-    "tss-react": "^3.6.0",
-    "usehooks-ts": "^2.9.1",
     "react-jss": "^10.6.0",
     "react-loading-skeleton": "^2.2.0",
     "react-multi-carousel": "^2.6.3",
-    "react-switch": "^6.0.0"
+    "react-select": "^5.2.1",
+    "react-switch": "^6.0.0",
+    "tss-react": "^3.6.0",
+    "usehooks-ts": "^2.9.1"
   },
   "devDependencies": {
     "@types/node": "^18.13.0",
-    "@types/react": "^17.0.33",
+    "@types/react": "^18.3.3",
     "@types/react-datepicker": "^4.10.0",
-    "@types/react-dom": "^17.0.10",
+    "@types/react-dom": "^18.3.0",
     "@types/react-modal": "^3.13.1",
-    "@types/react-router-dom": "^5.1.5",
+    "@types/react-redux": "^7.1.25",
     "@vitejs/plugin-react": "^1.0.7",
     "axios": "^0.24.0",
     "copyfiles": "^2.4.1",
@@ -60,9 +57,7 @@
     "react-datepicker": "^4.10.0",
     "react-dom": "^17.0.2",
     "react-modal": "3.14.4",
-    "react-router-dom": "^5.2.0",
-    "rimraf": "^3.0.2",
-    "typescript": "^4.4.4",
+    "typescript": "^4.9.5",
     "vite": "^2.7.2"
   }
 }