npm - @bikdotai/bik-component-library - Versions diffs - 0.0.730-beta.5 → 0.0.730 - Mend

@bikdotai/bik-component-library 0.0.730-beta.5 → 0.0.730

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (273) hide show

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
 export default EventsTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderNodeProps } from "../../../types/QueryBuilderNodeProps.type";
 declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
 export default IGTrigger;

package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
-import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
+import { QueryBuilderAPIData } from "../../../types/QueryBuilderAPI.type";
 export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];

package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React from 'react';
 import { DropdownOption } from "../../../dropdown/type";
-import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
-import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
+import { QueryBuilderProperty } from "../../types/QueryBuilder.type";
+import { QueryBuilderNodeProps } from "../../types/QueryBuilderNodeProps.type";
 declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
     cacheKey: string;
     propertyAddBtnText: string;

package/dist/cjs/components/bik-layout/MockMenus.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/dropdown/DropdownPopover/index.d.ts CHANGED Viewed

@@ -13,6 +13,12 @@ export declare const DropdownPopover: React.ForwardRefExoticComponent<OpenDropdo
     allowEvents?: boolean | undefined;
     'data-test'?: string | undefined;
     isChildLoading?: boolean | undefined;
+    /**
+     * If true, forces the dropdown to remain open regardless of user interaction or internal state.
+     * This prop overrides the internal openDropdown state, ensuring the dropdown stays open.
+     * Use this prop when you need to programmatically control the dropdown's visibility from a parent component.
+     */
+    forceOpen?: boolean | undefined;
 } & React.RefAttributes<{
     openDropdown: boolean;
 }>>;

package/dist/cjs/components/dropdown/DropdownPopover/index.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../node_modules/react/jsx-runtime.js"),o=require("react"),n=require("react-popper"),s=require("../../dropShadow/DropShadow.js"),r=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(o).default.forwardRef(((a,d)=>{var{children:p,onDropdownVisbilityChange:u,version:c="1.0",tooltipContent:j,tooltipDirection:x,showTooltipArrow:v,isChildLoading:w}=a,m=e.__rest(a,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading"]);const h=d,[b,f]=o.useState(!1),[g,E]=o.useState(null),[D,O]=o.useState(null),R=o.useRef(null),{styles:y,attributes:S}=n.usePopper(g,D,{placement:m.placement,strategy:m.strategy}),C=e=>{var t,o;"2.0"===c&&m.isMultiSelect&&e&&(null===(t=m.onSelect)\|\|void 0===t\|\|t.call(m,[...e])),f(!1),null===(o=null==m?void 0:m.onClose)\|\|void 0===o\|\|o.call(m)};o.useImperativeHandle(h,(()=>({openDropdown:b})),[]),o.useEffect((()=>{(null==h?void 0:h.current)&&(h.current.openDropdown=b)}),[b]),o.useEffect((()=>{null==u\|\|u(b)}),[b]);const q=()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"},ref:E},{children:[t.jsxRuntimeExports.jsx(i.OverLapAbs,Object.assign({ref:R,allowEvents:m.allowEvents,disabled:m.disabled,onClick:e=>{var t;null===(t=m.onDropdownOpen)\|\|void 0===t\|\|t.call(m),b?(f(!1),e.preventDefault()):m.disabled\|\|f(!0)},isChildLoading:w},{children:m.allowEvents?p:null})),m.allowEvents?null:p]})),b&&t.jsxRuntimeExports.jsx(i.OpenDropdownContainer,Object.assign({ref:O,style:Object.assign(Object.assign({},y.popper),{zIndex:3})},S.popper,{"data-test":m["data-test"]},{children:t.jsxRuntimeExports.jsx(s.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:t.jsxRuntimeExports.jsx(l.OpenedDropdown,Object.assign({},m,{onSelect:e=>{var t;"2.0"===c&&m.isMultiSelect\|\|(null===(t=m.onSelect)\|\|void 0===t\|\|t.call(m,e),f(!1))},onClose:C,version:c,headerRef:R,zeroState:null==m?void 0:m.zeroState}))}))}))]});return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:b\|\|void 0===j?q():t.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:j,placement:x,hideArrow:!v},{children:t.jsxRuntimeExports.jsx("div",Object.assign({"data-test":m["data-test"]},{children:q()}))}))})}));d.displayName="DropdownPopover",exports.DropdownPopover=d;
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("../../../node_modules/react/jsx-runtime.js"),o=require("react"),n=require("react-popper"),s=require("../../dropShadow/DropShadow.js"),r=require("../../tooltips/Tooltip.js"),i=require("../Common.styled.js"),l=require("../OpenedDropdown/components/OpennedDropdown.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(o).default.forwardRef(((a,d)=>{var{children:p,onDropdownVisbilityChange:u,version:c="1.0",tooltipContent:j,tooltipDirection:x,showTooltipArrow:v,isChildLoading:w,forceOpen:m}=a,h=e.__rest(a,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow","isChildLoading","forceOpen"]);const b=d,[f,g]=o.useState(!1),[O,E]=o.useState(null),[D,R]=o.useState(null),y=o.useRef(null),{styles:S,attributes:C}=n.usePopper(O,D,{placement:h.placement,strategy:h.strategy}),q=e=>{var t,o;"2.0"===c&&h.isMultiSelect&&e&&(null===(t=h.onSelect)\|\|void 0===t\|\|t.call(h,[...e])),g(!1),null===(o=null==h?void 0:h.onClose)\|\|void 0===o\|\|o.call(h)};o.useImperativeHandle(b,(()=>({openDropdown:f})),[]),o.useEffect((()=>{(null==b?void 0:b.current)&&(b.current.openDropdown=f)}),[f]),o.useEffect((()=>{null==u\|\|u(f)}),[f]);const _=()=>t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative"},ref:E},{children:[t.jsxRuntimeExports.jsx(i.OverLapAbs,Object.assign({ref:y,allowEvents:h.allowEvents,disabled:h.disabled,onClick:e=>{var t;null===(t=h.onDropdownOpen)\|\|void 0===t\|\|t.call(h),f?(g(!1),e.preventDefault()):h.disabled\|\|g(!0)},isChildLoading:w},{children:h.allowEvents?p:null})),h.allowEvents?null:p]})),(f\|\|m)&&t.jsxRuntimeExports.jsx(i.OpenDropdownContainer,Object.assign({ref:R,style:Object.assign(Object.assign({},S.popper),{zIndex:3})},C.popper,{"data-test":h["data-test"]},{children:t.jsxRuntimeExports.jsx(s.DropShadow,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:t.jsxRuntimeExports.jsx(l.OpenedDropdown,Object.assign({},h,{onSelect:e=>{var t;"2.0"===c&&h.isMultiSelect\|\|(null===(t=h.onSelect)\|\|void 0===t\|\|t.call(h,e),g(!1))},onClose:q,version:c,headerRef:y,zeroState:null==h?void 0:h.zeroState}))}))}))]});return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:f\|\|m\|\|void 0===j?_():t.jsxRuntimeExports.jsx(r.Tooltip,Object.assign({body:j,placement:x,hideArrow:!v},{children:t.jsxRuntimeExports.jsx("div",Object.assign({"data-test":h["data-test"]},{children:_()}))}))})}));d.displayName="DropdownPopover",exports.DropdownPopover=d;

package/dist/cjs/components/product-picker-v2/productScreen.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),r=require("~~../../node_modules/~~lodash~~/cloneDeep.js~~"),c=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),u=require("../InfiniteScroll/InfiniteScroll.js"),d=require("../input/Input.js"),a=require("../spinner/Spinner.js"),p=require("../TypographyStyle.js"),h=require("./emptyState.js"),j=require("./product.js"),x=require("./ProductPickerShimmer.js"),v=require("./reducers.js"),g=require("./style.js"),y=require("./type.js"),m=require("./utility.js");exports.ProductsScreen=O=>{var b,f;const{data:k,collectionsDispatch:C,selectedData:P,selectedCollectionsDispatch:E,productFetcher:R,storeId:S,setScreen:I,setSaveDisabled:q,hideInCollectionSearch:A,customCollectionRestriction:D,hideProductCheckbox:T,outOfStockAction:V=y.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:L=!1,selectProductsFromCustomCollection:F=!1,pickerType:w,hideProductVariants:B,fbStatusFetcher:_,onProductDetailClick:U,showProductDetailInfoIcon:K,scrollContainerRef:M,appType:N}=O,H=c.useContext(v.CollectionIdContext),J=c.useRef(0),W=c.useRef(!1),[z,G]=c.useState(""),[Q,X]=c.useState(!1),[Y,Z]=c.useState(k),$=c.useRef(!0),ee=c.useRef(!1);c.useEffect((()=>{if($.current)return void($.current=!1);const e=setTimeout((()=>{z.length?(X(!0),O.searchInCollectionFetcher(S,H,z,N).then((e=>{const t=r.~~default~~(k);t.products=e,Z(t);const s=m.getVariantIdsToFetchAtProductLevel(null!=e?e:{});se(s,null!=e?e:{},!0),q(!1),X(!1)}))):Z(k)}),800);return()=>clearTimeout(e)}),[z]);c.useEffect((()=>{var e,t,s,o;ee.current=!1,J.current=Math.floor((null===(t=Object.keys(null!==(e=k.products)&&void 0!==e?e:{}))\|\|void 0===t?void 0:t.length)/10);const r=m.getVariantIdsToFetchAtProductLevel(null!==(s=k.products)&&void 0!==s?s:{});se(r,null!==(o=k.products)&&void 0!==o?o:{})}),[H]);const te=!!D&&k.isSmartCollection;c.useEffect((()=>{(null==k?void 0:k.products)\|\|oe(10)}),[]);const se=(e,t,s)=>{_\|\|(s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)),e.length>0&&_&&_(S,e,N).then((e=>{const o=Object.assign({},t);Object.keys(t).forEach((s=>{var r,c;Object.keys(null!==(c=null===(r=null==t?void 0:t[s])\|\|void 0===r?void 0:r.variants)&&void 0!==c?c:{}).forEach((r=>{var c,n;const i=null===(c=null==t?void 0:t[s].variants)\|\|void 0===c?void 0:c[r];i&&"REJECTED"===e[r]?i.fbStatus="REJECTED":i&&"APPROVED"===e[r]&&(i.fbStatus="APPROVED");const l=null===(n=null==o?void 0:o[s])\|\|void 0===n?void 0:n.variants;l&&l[r]&&(l[r]=i)}))})),s?(Z((e=>{const t=Object.assign({},e);return t.products=o,t})),C({type:"productsPaged",data:{collectionId:H,products:o}})):C({type:"productsPaged",data:{collectionId:H,products:o}})})).catch((e=>{s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)}))},oe=e=>{q(!0),X(!0),R(H,S,N,e,0).then((t=>{if(Object.keys(t).length\|\|(ee.current=!0),Object.keys(t).length){Z(Object.assign(Object.assign({},Y),{products:t}));const e=m.getVariantIdsToFetchAtProductLevel(t);se(e,t),J.current=1}e\|\|E({type:"selected",data:{id:H,val:Object.assign(Object.assign({},k),{products:t})}}),q(!1),X(!1)})).catch()},re=(e,t)=>{const s=m.liftTheStateUp(t,k);E({type:e,data:Object.assign(Object.assign({},s),{isRestricted:D})})},ce=!!(null==P?void 0:P[H])&&!!Object.keys(null!==(f=null===(b=null==P?void 0:P[H])\|\|void 0===b?void 0:b.products)&&void 0!==f?f:{}).length;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(g.ProductScreenHeader,{children:[e.jsxRuntimeExports.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{I("collections")}}),e.jsxRuntimeExports.jsx(p.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:k.name}))]}),!A&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsxRuntimeExports.jsx(d.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Q&&z.length?e.jsxRuntimeExports.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.jsxRuntimeExports.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:z,onChangeText:e=>{e.length&&e.trim().length?G(e):G("")},placeholder:"Search using ID, Name or SKU ID"})})),Object.keys((null==Y?void 0:Y.products)\|\|[]).length>0&&!te&&!z.length&&!T&&"-1"!==H&&e.jsxRuntimeExports.jsxs(g.ProductScreenCollectionCardStyle,{children:[e.jsxRuntimeExports.jsx(i.CheckBox,{isChecked:ce,isPartiallyChecked:m.isCollectionPartiallyChecked(H,Y,P,B),onValueChange:function(e){e?oe():E({type:"unselected",data:{id:H}})}}),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsxRuntimeExports.jsx(s.default,{})})),e.jsxRuntimeExports.jsx(p.TitleRegular,{children:"All Products"})]}),e.jsxRuntimeExports.jsx(u.InfiniteScroll,Object.assign({hasData:!(Object.keys((null==Y?void 0:Y.products)\|\|[]).length<10)&&!!Object.keys((null==Y?void 0:Y.products)\|\|[]).length,fetchMore:()=>(W.current=!0,R(H,S,N,10,J.current).then((e=>{let t=!1;if(Object.keys(e).length\|\|(t=!0),Object.keys(e).length){const t=Y;t.products=Object.assign(Object.assign({},Y.products),e),Z(Object.assign({},t));const s=m.getVariantIdsToFetchAtProductLevel(e);se(s,e)}return q(!1),W.current=!1,J.current+=1,t}))),containerRef:M},{children:Object.keys((null==Y?void 0:Y.products)\|\|[]).length?Object.keys(Y.products\|\|[]).map((t=>e.jsxRuntimeExports.jsx(j.ProductGroup,{outOfStockAction:V,collectionId:H,isProductPartiallyChecked:m.isProductPartiallyChecked(H,t,P,Y,B),productId:t,data:Y.products[t],selectedData:P,selectedCollectionsDispatch:E,viewOnly:!F&&!!te,upliftAdditions:re,hideProductCheckbox:T,hideVariantCheckbox:L,hideProductVariants:B,pickerType:w,onProductDetailClick:U,showProductDetailInfoIcon:K},t))):Q?e.jsxRuntimeExports.jsx(x.ProductPickerShimmer,{limit:10}):e.jsxRuntimeExports.jsx(h.EmptyState,{title:"No products to show",subtitle:z.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})}))]})};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("../../assets/icons/arrow_left.svg.js"),s=require("../../assets/icons/box.svg.js"),o=require("../../assets/icons/search.svg.js"),r=require("lodash"),c=require("react"),n=require("../../constants/Theme.js"),i=require("../checkBox/CheckBox.js"),l=require("../icon-button/IconButton.js"),u=require("../InfiniteScroll/InfiniteScroll.js"),d=require("../input/Input.js"),a=require("../spinner/Spinner.js"),p=require("../TypographyStyle.js"),h=require("./emptyState.js"),j=require("./product.js"),x=require("./ProductPickerShimmer.js"),v=require("./reducers.js"),g=require("./style.js"),y=require("./type.js"),m=require("./utility.js");exports.ProductsScreen=O=>{var b,f;const{data:k,collectionsDispatch:C,selectedData:P,selectedCollectionsDispatch:E,productFetcher:R,storeId:S,setScreen:I,setSaveDisabled:q,hideInCollectionSearch:A,customCollectionRestriction:D,hideProductCheckbox:T,outOfStockAction:V=y.OUT_OF_STOCK_ACTION.BLUR,hideVariantCheckbox:L=!1,selectProductsFromCustomCollection:F=!1,pickerType:w,hideProductVariants:B,fbStatusFetcher:_,onProductDetailClick:U,showProductDetailInfoIcon:K,scrollContainerRef:M,appType:N}=O,H=c.useContext(v.CollectionIdContext),J=c.useRef(0),W=c.useRef(!1),[z,G]=c.useState(""),[Q,X]=c.useState(!1),[Y,Z]=c.useState(k),$=c.useRef(!0),ee=c.useRef(!1);c.useEffect((()=>{if($.current)return void($.current=!1);const e=setTimeout((()=>{z.length?(X(!0),O.searchInCollectionFetcher(S,H,z,N).then((e=>{const t=r.cloneDeep(k);t.products=e,Z(t);const s=m.getVariantIdsToFetchAtProductLevel(null!=e?e:{});se(s,null!=e?e:{},!0),q(!1),X(!1)}))):Z(k)}),800);return()=>clearTimeout(e)}),[z]);c.useEffect((()=>{var e,t,s,o;ee.current=!1,J.current=Math.floor((null===(t=Object.keys(null!==(e=k.products)&&void 0!==e?e:{}))\|\|void 0===t?void 0:t.length)/10);const r=m.getVariantIdsToFetchAtProductLevel(null!==(s=k.products)&&void 0!==s?s:{});se(r,null!==(o=k.products)&&void 0!==o?o:{})}),[H]);const te=!!D&&k.isSmartCollection;c.useEffect((()=>{(null==k?void 0:k.products)\|\|oe(10)}),[]);const se=(e,t,s)=>{_\|\|(s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)),e.length>0&&_&&_(S,e,N).then((e=>{const o=Object.assign({},t);Object.keys(t).forEach((s=>{var r,c;Object.keys(null!==(c=null===(r=null==t?void 0:t[s])\|\|void 0===r?void 0:r.variants)&&void 0!==c?c:{}).forEach((r=>{var c,n;const i=null===(c=null==t?void 0:t[s].variants)\|\|void 0===c?void 0:c[r];i&&"REJECTED"===e[r]?i.fbStatus="REJECTED":i&&"APPROVED"===e[r]&&(i.fbStatus="APPROVED");const l=null===(n=null==o?void 0:o[s])\|\|void 0===n?void 0:n.variants;l&&l[r]&&(l[r]=i)}))})),s?(Z((e=>{const t=Object.assign({},e);return t.products=o,t})),C({type:"productsPaged",data:{collectionId:H,products:o}})):C({type:"productsPaged",data:{collectionId:H,products:o}})})).catch((e=>{s?m.markVariantsAsApprovedProductsLevel(t,C,H,Y,Z):m.markVariantsAsApprovedProductsLevel(t,C,H)}))},oe=e=>{q(!0),X(!0),R(H,S,N,e,0).then((t=>{if(Object.keys(t).length\|\|(ee.current=!0),Object.keys(t).length){Z(Object.assign(Object.assign({},Y),{products:t}));const e=m.getVariantIdsToFetchAtProductLevel(t);se(e,t),J.current=1}e\|\|E({type:"selected",data:{id:H,val:Object.assign(Object.assign({},k),{products:t})}}),q(!1),X(!1)})).catch()},re=(e,t)=>{const s=m.liftTheStateUp(t,k);E({type:e,data:Object.assign(Object.assign({},s),{isRestricted:D})})},ce=!!(null==P?void 0:P[H])&&!!Object.keys(null!==(f=null===(b=null==P?void 0:P[H])\|\|void 0===b?void 0:b.products)&&void 0!==f?f:{}).length;return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsxs(g.ProductScreenHeader,{children:[e.jsxRuntimeExports.jsx(l.IconButton,{Icon:t.default,height:16,onClick:()=>{I("collections")}}),e.jsxRuntimeExports.jsx(p.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:k.name}))]}),!A&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e.jsxRuntimeExports.jsx(d.Input,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>Q&&z.length?e.jsxRuntimeExports.jsx(a.Spinner,{size:"small",color:n.COLORS.content.primary}):e.jsxRuntimeExports.jsx(o.default,{})},id:"listInput",height:"24px",type:"text",value:z,onChangeText:e=>{e.length&&e.trim().length?G(e):G("")},placeholder:"Search using ID, Name or SKU ID"})})),Object.keys((null==Y?void 0:Y.products)\|\|[]).length>0&&!te&&!z.length&&!T&&"-1"!==H&&e.jsxRuntimeExports.jsxs(g.ProductScreenCollectionCardStyle,{children:[e.jsxRuntimeExports.jsx(i.CheckBox,{isChecked:ce,isPartiallyChecked:m.isCollectionPartiallyChecked(H,Y,P,B),onValueChange:function(e){e?oe():E({type:"unselected",data:{id:H}})}}),e.jsxRuntimeExports.jsx("div",Object.assign({style:{width:40,height:40}},{children:e.jsxRuntimeExports.jsx(s.default,{})})),e.jsxRuntimeExports.jsx(p.TitleRegular,{children:"All Products"})]}),e.jsxRuntimeExports.jsx(u.InfiniteScroll,Object.assign({hasData:!(Object.keys((null==Y?void 0:Y.products)\|\|[]).length<10)&&!!Object.keys((null==Y?void 0:Y.products)\|\|[]).length,fetchMore:()=>(W.current=!0,R(H,S,N,10,J.current).then((e=>{let t=!1;if(Object.keys(e).length\|\|(t=!0),Object.keys(e).length){const t=Y;t.products=Object.assign(Object.assign({},Y.products),e),Z(Object.assign({},t));const s=m.getVariantIdsToFetchAtProductLevel(e);se(s,e)}return q(!1),W.current=!1,J.current+=1,t}))),containerRef:M},{children:Object.keys((null==Y?void 0:Y.products)\|\|[]).length?Object.keys(Y.products\|\|[]).map((t=>e.jsxRuntimeExports.jsx(j.ProductGroup,{outOfStockAction:V,collectionId:H,isProductPartiallyChecked:m.isProductPartiallyChecked(H,t,P,Y,B),productId:t,data:Y.products[t],selectedData:P,selectedCollectionsDispatch:E,viewOnly:!F&&!!te,upliftAdditions:re,hideProductCheckbox:T,hideVariantCheckbox:L,hideProductVariants:B,pickerType:w,onProductDetailClick:U,showProductDetailInfoIcon:K},t))):Q?e.jsxRuntimeExports.jsx(x.ProductPickerShimmer,{limit:10}):e.jsxRuntimeExports.jsx(h.EmptyState,{title:"No products to show",subtitle:z.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})}))]})};

package/dist/cjs/components/product-picker-v2/reducers.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("~~../../node_modules/~~lodash~~/cloneDeep.js~~");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;case"productsPaged":return a=Object.assign({},t),a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;case"searched":a=Object.assign({},t);for(const t in e.data)t in a\|\|(a[t]=e.data[t]);return a;default:return{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":a=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const s=e.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const e=a[t];a[t]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),s.products)})}else a[t]=s}return a;case"update":return a=Object.assign({},t),a;case"set":return a=Object.assign(Object.assign({},t),e.data),a;case"filter":a={};for(const s in t)if(s in e.data){const d=Object.assign({},t[s]),c=e.data[s],o={};for(const t in d.products)if(t in c.products){const e=Object.assign({},d.products[t]),a=c.products[t],s={};for(const t in e.variants)t in a.variants&&(s[t]=Object.assign({},e.variants[t]));Object.keys(s).length>0&&(e.variants=s,o[t]=e)}Object.keys(o).length>0&&(d.products=o,a[s]=d)}return a;default:return t}},exports.searchReducer=function(t,e){let a={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return a=Object.assign({},t),a.products=e.data,a;default:return t}},exports.selectedColectionsReducer=function(e,a){var s,d,c,o,r,n,i,u,l,p,v;let O={},g="",j="",b="";switch(a.type){case"selected":return O=t.~~default~~(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(O={}),O.isCustom=!0),O[a.data.id]=a.data.val,O;case"unselected":return O=t.~~default~~(e),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[a.data.id],O;case"productUnselected":return O=t.~~default~~(e),g=a.data.productId,j=a.data.collectionId,delete O[j].products[g],Object.keys(O[j].products).length\|\|((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[j]),O;case"productSelected":return O=t.~~default~~(e),g=a.data.productId,j=a.data.collectionId,(null===(s=a.data.catalogOnlyData)\|\|void 0===s?void 0:s.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[j])\|\|(O[j]=a.data.catalogOnlyData,O[j].products={}),O[j].products[g]=a.data.product,O;case"variantSelected":return O=t.~~default~~(e),g=a.data.productId,j=a.data.collectionId,b=a.data.variantId,(null===(d=a.data.catalogOnlyData)\|\|void 0===d?void 0:d.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[j])\|\|(O[j]=a.data.catalogOnlyData,O[j].products={},O[j].products[g]=a.data.productOnlyData,O[j].products[g].variants={}),(null===(c=null==O?void 0:O[j])\|\|void 0===c?void 0:c.products)\|\|(O[j].products={}),(null===(r=null===(o=null==O?void 0:O[j])\|\|void 0===o?void 0:o.products)\|\|void 0===r?void 0:r[g])\|\|(O[j].products[g]=a.data.productOnlyData,O[j].products[g].variants={}),O[j].products[g].variants\|\|(O[j].products[g].variants={}),O[j].products[g].variants[b]=a.data.variant,O;case"variantUnselected":return O=t.~~default~~(e),g=a.data.productId,j=a.data.collectionId,b=a.data.variantId,(null===(i=null===(n=O[j].products[g])\|\|void 0===n?void 0:n.variants)\|\|void 0===i?void 0:i[b])&&delete O[j].products[g].variants[b],Object.keys(null!==(p=null===(l=null===(u=O[j].products)\|\|void 0===u?void 0:u[g])\|\|void 0===l?void 0:l.variants)&&void 0!==p?p:{}).length\|\|(delete O[j].products[g],Object.keys(O[j].products).length\|\|((null===(v=O[j])\|\|void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[j])),O;case"update":return O=Object.assign({},e),O;case"reset":return{};default:return e}};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("lodash");const e=require("react").createContext("");exports.CollectionIdContext=e,exports.collectionsReducer=function(t,e){let a={};switch(e.type){case"fetched":return a=Object.assign({},e.data),a;case"productsFetched":return a=Object.assign({},t),a[e.data.collectionId].products=e.data.products,a;case"paged":return a=Object.assign(Object.assign({},t),e.data),a;case"productsPaged":return a=Object.assign({},t),a[e.data.collectionId].products=Object.assign(Object.assign({},a[e.data.collectionId].products),e.data.products),a;case"searched":a=Object.assign({},t);for(const t in e.data)t in a\|\|(a[t]=e.data[t]);return a;default:return{}}},exports.paginationReducer=function(t,e){let a={};switch(e.type){case"paginate":a=Object.assign({},t);for(const t in e.data)if(Object.prototype.hasOwnProperty.call(e.data,t)){const s=e.data[t];if(Object.prototype.hasOwnProperty.call(a,t)){const e=a[t];a[t]=Object.assign(Object.assign({},e),{products:Object.assign(Object.assign({},e.products),s.products)})}else a[t]=s}return a;case"update":return a=Object.assign({},t),a;case"set":return a=Object.assign(Object.assign({},t),e.data),a;case"filter":a={};for(const s in t)if(s in e.data){const c=Object.assign({},t[s]),d=e.data[s],o={};for(const t in c.products)if(t in d.products){const e=Object.assign({},c.products[t]),a=d.products[t],s={};for(const t in e.variants)t in a.variants&&(s[t]=Object.assign({},e.variants[t]));Object.keys(s).length>0&&(e.variants=s,o[t]=e)}Object.keys(o).length>0&&(c.products=o,a[s]=c)}return a;default:return t}},exports.searchReducer=function(t,e){let a={collections:{},products:{}};switch(e.type){case"set":return e.data;case"setProducts":return a=Object.assign({},t),a.products=e.data,a;default:return t}},exports.selectedColectionsReducer=function(e,a){var s,c,d,o,r,n,i,l,u,p,v;let O={},g="",b="",j="";switch(a.type){case"selected":return O=t.cloneDeep(e),a.data.val.isSmartCollection&&(a.data.isRestricted&&(O={}),O.isCustom=!0),O[a.data.id]=a.data.val,O;case"unselected":return O=t.cloneDeep(e),(null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[a.data.id],O;case"productUnselected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,delete O[b].products[g],Object.keys(O[b].products).length\|\|((null==O?void 0:O.isCustom)&&(O.isCustom=!1),delete O[b]),O;case"productSelected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,(null===(s=a.data.catalogOnlyData)\|\|void 0===s?void 0:s.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])\|\|(O[b]=a.data.catalogOnlyData,O[b].products={}),O[b].products[g]=a.data.product,O;case"variantSelected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,j=a.data.variantId,(null===(c=a.data.catalogOnlyData)\|\|void 0===c?void 0:c.isSmartCollection)&&(a.data.isRestricted&&(O={}),O.isCustom=!0),(null==O?void 0:O[b])\|\|(O[b]=a.data.catalogOnlyData,O[b].products={},O[b].products[g]=a.data.productOnlyData,O[b].products[g].variants={}),(null===(d=null==O?void 0:O[b])\|\|void 0===d?void 0:d.products)\|\|(O[b].products={}),(null===(r=null===(o=null==O?void 0:O[b])\|\|void 0===o?void 0:o.products)\|\|void 0===r?void 0:r[g])\|\|(O[b].products[g]=a.data.productOnlyData,O[b].products[g].variants={}),O[b].products[g].variants\|\|(O[b].products[g].variants={}),O[b].products[g].variants[j]=a.data.variant,O;case"variantUnselected":return O=t.cloneDeep(e),g=a.data.productId,b=a.data.collectionId,j=a.data.variantId,(null===(i=null===(n=O[b].products[g])\|\|void 0===n?void 0:n.variants)\|\|void 0===i?void 0:i[j])&&delete O[b].products[g].variants[j],Object.keys(null!==(p=null===(u=null===(l=O[b].products)\|\|void 0===l?void 0:l[g])\|\|void 0===u?void 0:u.variants)&&void 0!==p?p:{}).length\|\|(delete O[b].products[g],Object.keys(O[b].products).length\|\|((null===(v=O[b])\|\|void 0===v?void 0:v.isSmartCollection)&&(O.isCustom=!1),delete O[b])),O;case"update":return O=Object.assign({},e),O;case"reset":return{};default:return e}};

package/dist/cjs/components/product-picker-v2/utility.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("~~../../node_modules/~~lodash~~/cloneDeep.js~~");function t(o,t,l){if(!o)return{};const i=Object.keys(o).slice(l,l+t),d={};return i.forEach((t=>{d[t]=o[t]})),d}const l=(o,t,l)=>{Object.keys(o).forEach((t=>{var l,i;const d=null!==(i=null===(l=o[t])\|\|void 0===l?void 0:l.products)&&void 0!==i?i:{};Object.keys(d).forEach((l=>{var i,d,n,v;const s=null!==(v=null===(n=null===(d=null===(i=o[t])\|\|void 0===i?void 0:i.products)\|\|void 0===d?void 0:d[l])\|\|void 0===n?void 0:n.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var d,n,v,s;const e=null===(s=null===(v=null===(n=null===(d=o[t])\|\|void 0===d?void 0:d.products)\|\|void 0===n?void 0:n[l])\|\|void 0===v?void 0:v.variants)\|\|void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),t({type:l,data:o})};exports.fetchFbStatusCollection=function(o,t,i,d,n){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";n\|\|l(o,d,v);const s=(o=>{const t=[];return Object.keys(o).forEach((l=>{var i,d;const n=null!==(d=null===(i=o[l])\|\|void 0===i?void 0:i.products)&&void 0!==d?d:{};Object.keys(n).forEach((i=>{var d,n,v,s;const e=null!==(s=null===(v=null===(n=null===(d=o[l])\|\|void 0===d?void 0:d.products)\|\|void 0===n?void 0:n[i])\|\|void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((d=>{var n,v,s,e;const u=null===(e=null===(s=null===(v=null===(n=o[l])\|\|void 0===n?void 0:n.products)\|\|void 0===v?void 0:v[i])\|\|void 0===s?void 0:s.variants)\|\|void 0===e?void 0:e[d];(null==u?void 0:u.fbStatus)\|\|t.push(d)}))}))})),t})(o);s.length>0&&n&&n(t,s,i).then((t=>{const l=Object.assign({},o);Object.keys(l).forEach((o=>{var i,d;const n=null!==(d=null===(i=l[o])\|\|void 0===i?void 0:i.products)&&void 0!==d?d:{};Object.keys(n).forEach((i=>{var d,n,v,s;const e=null!==(s=null===(v=null===(n=null===(d=l[o])\|\|void 0===d?void 0:d.products)\|\|void 0===n?void 0:n[i])\|\|void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((d=>{var n,v,s,e;const u=null===(e=null===(s=null===(v=null===(n=l[o])\|\|void 0===n?void 0:n.products)\|\|void 0===v?void 0:v[i])\|\|void 0===s?void 0:s.variants)\|\|void 0===e?void 0:e[d];u&&"REJECTED"===t[d]?u.fbStatus="REJECTED":u&&"APPROVED"===t[d]&&(u.fbStatus="APPROVED")}))}))})),d({type:v,data:l})})).catch((t=>{console.error("Error in fbStatusFetcher",t),l(o,d,v)}))},exports.getSkuId=(o,t)=>{var l;if(t)return o.skuId;const i=Object.values(null!==(l=null==o?void 0:o.variants)&&void 0!==l?l:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,t)=>{const l=[];return Object.keys(null!=o?o:{}).forEach((i=>{var d,n;const v=null!==(n=null===(d=null==o?void 0:o[i])\|\|void 0===d?void 0:d.variants)&&void 0!==n?n:{};Object.keys(v).forEach((d=>{var n,v,s,e,u;let r;r=t?null===(s=null===(v=null===(n=null==t?void 0:t.products)\|\|void 0===n?void 0:n[i])\|\|void 0===v?void 0:v.variants)\|\|void 0===s?void 0:s[d]:null===(u=null===(e=null==o?void 0:o[i])\|\|void 0===e?void 0:e.variants)\|\|void 0===u?void 0:u[d],(null==r?void 0:r.fbStatus)\|\|l.push(d)}))})),l},exports.isCollectionPartiallyChecked=function(o,t,l){var i,d,n,v;let s=0,e=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==t?void 0:t.products)&&void 0!==i?i:{};s=Object.keys(v).length;const u=null!==(n=null===(d=l[o])\|\|void 0===d?void 0:d.products)&&void 0!==n?n:{};e=Object.keys(u).length}else if(l[o]){const i=null==t?void 0:t.products;i&&Object.keys(i).forEach((o=>{var t;const l=null===(t=i[o])\|\|void 0===t?void 0:t.variants;l&&Object.keys(l).forEach((o=>s+=1))}));const d=null===(v=l[o])\|\|void 0===v?void 0:v.products;if(d&&Object.keys(d).forEach((o=>{var t;const l=null===(t=d[o])\|\|void 0===t?void 0:t.variants;l&&Object.keys(l).forEach((o=>e+=1))})),s<=0&&e>0)return!1}return e>0&&s!==e},exports.isProductPartiallyChecked=(o,t,l,i,d)=>{var n,v,s,e,u,r,a,c,p,b,f,O,j,h,y,g,k,E,P;let S=0,V=0;if(null===(v=null===(n=null==l?void 0:l[o])\|\|void 0===n?void 0:n.products)\|\|void 0===v?void 0:v[t]){if(d)return!1;const n=(null===(u=null===(e=null===(s=null==l?void 0:l[o])\|\|void 0===s?void 0:s.products)\|\|void 0===e?void 0:e[t])\|\|void 0===u?void 0:u.variants)\|\|[];if(1===Object.keys(n).length)for(const i in n){const d=null===(a=null===(r=null==l?void 0:l[o])\|\|void 0===r?void 0:r.products)\|\|void 0===a?void 0:a[t],n=null===(f=null===(b=null===(p=null===(c=null==l?void 0:l[o])\|\|void 0===c?void 0:c.products)\|\|void 0===p?void 0:p[t])\|\|void 0===b?void 0:b.variants)\|\|void 0===f?void 0:f[i];if(null===(O=null==n?void 0:n.name)\|\|void 0===O?void 0:O.includes(null!==(j=null==d?void 0:d.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)\|\|void 0===h?void 0:h[t])\|\|void 0===y?void 0:y.variants)\|\|[]))\|\|void 0===g\|\|g.forEach((()=>V++)),Object.keys((null===(P=null===(E=null===(k=null==l?void 0:l[o])\|\|void 0===k?void 0:k.products)\|\|void 0===E?void 0:E[t])\|\|void 0===P?void 0:P.variants)\|\|[]).forEach((()=>S++)),S>0&&V!==S)return!0}return!1},exports.liftTheStateUp=(t,l)=>{const i=o.~~default~~(l);if(delete i.products,(t=Object.assign(Object.assign({},t),{catalogOnlyData:i})).productId&&l.products){const d=o.~~default~~(l.products[t.productId]);(null==d?void 0:d.variants)&&delete d.variants,t=Object.assign(Object.assign({},t),{catalogOnlyData:i,productOnlyData:d})}return t},exports.markVariantsAsApprovedProductsLevel=(o,t,l,i,d)=>{const n=Object.assign({},o);if(Object.keys(o).forEach((t=>{var l,i;Object.keys(null!==(i=null===(l=null==o?void 0:o[t])\|\|void 0===l?void 0:l.variants)&&void 0!==i?i:{}).forEach((l=>{var i,d;const v=null===(i=null==o?void 0:o[t].variants)\|\|void 0===i?void 0:i[l];v&&(v.fbStatus="APPROVED");const s=null===(d=null==n?void 0:n[t])\|\|void 0===d?void 0:d.variants;s&&s[l]&&(s[l]=v)}))})),i&&d){const o=Object.assign({},i);o.products=n,d(o),t({type:"productsPaged",data:{collectionId:l,products:n}})}else t({type:"productsPaged",data:{collectionId:l,products:n}})},exports.paginateSelectedItems=function(o,l,i){var d;const n={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=t(e.products,l,i-v);u&&Object.keys(u).length>0&&(n[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(d=e.products)&&void 0!==d?d:{}).length}return n},exports.shouldShowVariant=o=>{const t=Object.keys(o.variants\|\|[]);let l=!1;return!(t.length<=1)\|\|(t.forEach((t=>{var i,d;l=null!==(d=null===(i=o.variants)\|\|void 0===i?void 0:i[t].name.includes(o.name))&&void 0!==d&&d})),!l)},exports.updateAllVariantsForSelectedProducts=(t,l,i)=>Object.keys(t).reduce(((d,n)=>{var v;return n in l?(d[n]=Object.assign(Object.assign({},t[n]),{products:Object.keys(null!==(v=t[n].products)&&void 0!==v?v:{}).reduce(((d,v)=>{var s,e,u,r,a,c,p,b,f,O;const j=null===(s=l[n].products)\|\|void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)\|\|void 0===e?void 0:e[n])\|\|void 0===u?void 0:u.products)\|\|void 0===r?void 0:r[v];return j?d[v]=Object.assign(Object.assign({},(null===(a=t[n].products)\|\|void 0===a?void 0:a[v])\|\|{}),{allVariants:o.~~default~~(j.variants)}):h?d[v]=Object.assign(Object.assign({},(null===(c=t[n].products)\|\|void 0===c?void 0:c[v])\|\|{}),{allVariants:o.~~default~~(h.variants)}):(null===(b=null===(p=t[n].products)\|\|void 0===p?void 0:p[v])\|\|void 0===b?void 0:b.allVariants)&&(d[v]=Object.assign(Object.assign({},(null===(f=t[n].products)\|\|void 0===f?void 0:f[v])\|\|{}),{allVariants:o.~~default~~(null===(O=t[n].products)\|\|void 0===O?void 0:O[v].allVariants)})),d}),{})}),d):d}),{});
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("lodash");function l(o,l,t){if(!o)return{};const i=Object.keys(o).slice(t,t+l),n={};return i.forEach((l=>{n[l]=o[l]})),n}const t=(o,l,t)=>{Object.keys(o).forEach((l=>{var t,i;const n=null!==(i=null===(t=o[l])\|\|void 0===t?void 0:t.products)&&void 0!==i?i:{};Object.keys(n).forEach((t=>{var i,n,d,v;const s=null!==(v=null===(d=null===(n=null===(i=o[l])\|\|void 0===i?void 0:i.products)\|\|void 0===n?void 0:n[t])\|\|void 0===d?void 0:d.variants)&&void 0!==v?v:{};Object.keys(s).forEach((i=>{var n,d,v,s;const e=null===(s=null===(v=null===(d=null===(n=o[l])\|\|void 0===n?void 0:n.products)\|\|void 0===d?void 0:d[t])\|\|void 0===v?void 0:v.variants)\|\|void 0===s?void 0:s[i];e&&!e.fbStatus&&(e.fbStatus="APPROVED")}))}))})),l({type:t,data:o})};exports.fetchFbStatusCollection=function(o,l,i,n,d){let v=arguments.length>5&&void 0!==arguments[5]?arguments[5]:"paged";d\|\|t(o,n,v);const s=(o=>{const l=[];return Object.keys(o).forEach((t=>{var i,n;const d=null!==(n=null===(i=o[t])\|\|void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=o[t])\|\|void 0===n?void 0:n.products)\|\|void 0===d?void 0:d[i])\|\|void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=o[t])\|\|void 0===d?void 0:d.products)\|\|void 0===v?void 0:v[i])\|\|void 0===s?void 0:s.variants)\|\|void 0===e?void 0:e[n];(null==u?void 0:u.fbStatus)\|\|l.push(n)}))}))})),l})(o);s.length>0&&d&&d(l,s,i).then((l=>{const t=Object.assign({},o);Object.keys(t).forEach((o=>{var i,n;const d=null!==(n=null===(i=t[o])\|\|void 0===i?void 0:i.products)&&void 0!==n?n:{};Object.keys(d).forEach((i=>{var n,d,v,s;const e=null!==(s=null===(v=null===(d=null===(n=t[o])\|\|void 0===n?void 0:n.products)\|\|void 0===d?void 0:d[i])\|\|void 0===v?void 0:v.variants)&&void 0!==s?s:{};Object.keys(e).forEach((n=>{var d,v,s,e;const u=null===(e=null===(s=null===(v=null===(d=t[o])\|\|void 0===d?void 0:d.products)\|\|void 0===v?void 0:v[i])\|\|void 0===s?void 0:s.variants)\|\|void 0===e?void 0:e[n];u&&"REJECTED"===l[n]?u.fbStatus="REJECTED":u&&"APPROVED"===l[n]&&(u.fbStatus="APPROVED")}))}))})),n({type:v,data:t})})).catch((l=>{console.error("Error in fbStatusFetcher",l),t(o,n,v)}))},exports.getSkuId=(o,l)=>{var t;if(l)return o.skuId;const i=Object.values(null!==(t=null==o?void 0:o.variants)&&void 0!==t?t:{});return 1===i.length&&i[0].name.includes(o.name)?i[0].skuId:""},exports.getVariantIdsToFetchAtProductLevel=(o,l)=>{const t=[];return Object.keys(null!=o?o:{}).forEach((i=>{var n,d;const v=null!==(d=null===(n=null==o?void 0:o[i])\|\|void 0===n?void 0:n.variants)&&void 0!==d?d:{};Object.keys(v).forEach((n=>{var d,v,s,e,u;let r;r=l?null===(s=null===(v=null===(d=null==l?void 0:l.products)\|\|void 0===d?void 0:d[i])\|\|void 0===v?void 0:v.variants)\|\|void 0===s?void 0:s[n]:null===(u=null===(e=null==o?void 0:o[i])\|\|void 0===e?void 0:e.variants)\|\|void 0===u?void 0:u[n],(null==r?void 0:r.fbStatus)\|\|t.push(n)}))})),t},exports.isCollectionPartiallyChecked=function(o,l,t){var i,n,d,v;let s=0,e=0;if(arguments.length>3&&void 0!==arguments[3]&&arguments[3]){const v=null!==(i=null==l?void 0:l.products)&&void 0!==i?i:{};s=Object.keys(v).length;const u=null!==(d=null===(n=t[o])\|\|void 0===n?void 0:n.products)&&void 0!==d?d:{};e=Object.keys(u).length}else if(t[o]){const i=null==l?void 0:l.products;i&&Object.keys(i).forEach((o=>{var l;const t=null===(l=i[o])\|\|void 0===l?void 0:l.variants;t&&Object.keys(t).forEach((o=>s+=1))}));const n=null===(v=t[o])\|\|void 0===v?void 0:v.products;if(n&&Object.keys(n).forEach((o=>{var l;const t=null===(l=n[o])\|\|void 0===l?void 0:l.variants;t&&Object.keys(t).forEach((o=>e+=1))})),s<=0&&e>0)return!1}return e>0&&s!==e},exports.isProductPartiallyChecked=(o,l,t,i,n)=>{var d,v,s,e,u,r,c,a,p,b,O,f,j,h,y,g,k,E,P;let D=0,S=0;if(null===(v=null===(d=null==t?void 0:t[o])\|\|void 0===d?void 0:d.products)\|\|void 0===v?void 0:v[l]){if(n)return!1;const d=(null===(u=null===(e=null===(s=null==t?void 0:t[o])\|\|void 0===s?void 0:s.products)\|\|void 0===e?void 0:e[l])\|\|void 0===u?void 0:u.variants)\|\|[];if(1===Object.keys(d).length)for(const i in d){const n=null===(c=null===(r=null==t?void 0:t[o])\|\|void 0===r?void 0:r.products)\|\|void 0===c?void 0:c[l],d=null===(O=null===(b=null===(p=null===(a=null==t?void 0:t[o])\|\|void 0===a?void 0:a.products)\|\|void 0===p?void 0:p[l])\|\|void 0===b?void 0:b.variants)\|\|void 0===O?void 0:O[i];if(null===(f=null==d?void 0:d.name)\|\|void 0===f?void 0:f.includes(null!==(j=null==n?void 0:n.name)&&void 0!==j?j:""))return!1}if(null===(g=Object.keys((null===(y=null===(h=null==i?void 0:i.products)\|\|void 0===h?void 0:h[l])\|\|void 0===y?void 0:y.variants)\|\|[]))\|\|void 0===g\|\|g.forEach((()=>S++)),Object.keys((null===(P=null===(E=null===(k=null==t?void 0:t[o])\|\|void 0===k?void 0:k.products)\|\|void 0===E?void 0:E[l])\|\|void 0===P?void 0:P.variants)\|\|[]).forEach((()=>D++)),D>0&&S!==D)return!0}return!1},exports.liftTheStateUp=(l,t)=>{const i=o.cloneDeep(t);if(delete i.products,(l=Object.assign(Object.assign({},l),{catalogOnlyData:i})).productId&&t.products){const n=o.cloneDeep(t.products[l.productId]);(null==n?void 0:n.variants)&&delete n.variants,l=Object.assign(Object.assign({},l),{catalogOnlyData:i,productOnlyData:n})}return l},exports.markVariantsAsApprovedProductsLevel=(o,l,t,i,n)=>{const d=Object.assign({},o);if(Object.keys(o).forEach((l=>{var t,i;Object.keys(null!==(i=null===(t=null==o?void 0:o[l])\|\|void 0===t?void 0:t.variants)&&void 0!==i?i:{}).forEach((t=>{var i,n;const v=null===(i=null==o?void 0:o[l].variants)\|\|void 0===i?void 0:i[t];v&&(v.fbStatus="APPROVED");const s=null===(n=null==d?void 0:d[l])\|\|void 0===n?void 0:n.variants;s&&s[t]&&(s[t]=v)}))})),i&&n){const o=Object.assign({},i);o.products=d,n(o),l({type:"productsPaged",data:{collectionId:t,products:d}})}else l({type:"productsPaged",data:{collectionId:t,products:d}})},exports.paginateSelectedItems=function(o,t,i){var n;const d={};let v=0;for(const s in o)if(Object.prototype.hasOwnProperty.call(o,s)){const e=o[s],u=l(e.products,t,i-v);u&&Object.keys(u).length>0&&(d[s]=Object.assign(Object.assign({},e),{products:u})),v+=Object.keys(null!==(n=e.products)&&void 0!==n?n:{}).length}return d},exports.shouldShowVariant=o=>{const l=Object.keys(o.variants\|\|[]);let t=!1;return!(l.length<=1)\|\|(l.forEach((l=>{var i,n;t=null!==(n=null===(i=o.variants)\|\|void 0===i?void 0:i[l].name.includes(o.name))&&void 0!==n&&n})),!t)},exports.updateAllVariantsForSelectedProducts=(l,t,i)=>Object.keys(l).reduce(((n,d)=>{var v;return d in t?(n[d]=Object.assign(Object.assign({},l[d]),{products:Object.keys(null!==(v=l[d].products)&&void 0!==v?v:{}).reduce(((n,v)=>{var s,e,u,r,c,a,p,b,O,f;const j=null===(s=t[d].products)\|\|void 0===s?void 0:s[v],h=null===(r=null===(u=null===(e=null==i?void 0:i.products)\|\|void 0===e?void 0:e[d])\|\|void 0===u?void 0:u.products)\|\|void 0===r?void 0:r[v];return j?n[v]=Object.assign(Object.assign({},(null===(c=l[d].products)\|\|void 0===c?void 0:c[v])\|\|{}),{allVariants:o.cloneDeep(j.variants)}):h?n[v]=Object.assign(Object.assign({},(null===(a=l[d].products)\|\|void 0===a?void 0:a[v])\|\|{}),{allVariants:o.cloneDeep(h.variants)}):(null===(b=null===(p=l[d].products)\|\|void 0===p?void 0:p[v])\|\|void 0===b?void 0:b.allVariants)&&(n[v]=Object.assign(Object.assign({},(null===(O=l[d].products)\|\|void 0===O?void 0:O[v])\|\|{}),{allVariants:o.cloneDeep(null===(f=l[d].products)\|\|void 0===f?void 0:f[v].allVariants)})),n}),{})}),n):n}),{});

package/dist/cjs/components/spinner/Spinner.js CHANGED Viewed

@@ -1,8 +1,8 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),r=require("styled-components"),t=require("../../constants/Theme.js"),n=require("./themes.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=o(r);const s=r=>{let{size:o,color:i,className:s}=r;return e.jsxRuntimeExports.jsx("div",Object.assign({className:`spinner-container ${s}`},{children:e.jsxRuntimeExports.jsx(a,{width:`${n.SizeMap[o]}px`,height:`${n.SizeMap[o]}px`,color:null!=i?i:t.COLORS.stroke.brand})}))};s.displayName="Spinner";const a=i.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),r=require("react-lottie"),t=require("styled-components"),n=require("../../constants/Theme.js"),o=require("./lotties/black.json.js"),i=require("./lotties/brand.json.js"),s=require("./lotties/red.json.js"),a=require("./lotties/white.json.js"),d=require("./themes.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(r),c=l(t);const p={[n.COLORS.stroke.brand]:i,[n.COLORS.content.primary]:o,[n.COLORS.content.primaryInverse]:a,[n.COLORS.content.negative]:s},j=r=>{let{size:t,color:o,className:i}=r;const s={loop:!0,autoplay:!0,animationData:p[null!=o?o:n.COLORS.stroke.brand],rendererSettings:{preserveAspectRatio:"xMidYMid slice"}};return e.jsxRuntimeExports.jsx("div",Object.assign({className:`spinner-container ${i}`},{children:e.jsxRuntimeExports.jsx(u.default,{options:s,width:d.SizeMap[t],isStopped:!1,isPaused:!1})}))};j.displayName="Spinner";const m=c.default.div`
 	width: ${e=>e.width};
 	height: ${e=>e.height};
 	border: 5px solid ${e=>{var r;return null!==(r=e.backgroundColor)&&void 0!==r?r:"transparent"}};
-	border-bottom-color: ${e=>{var r;return null!==(r=e.color)&&void 0!==r?r:t.COLORS.stroke.brand}};
+	border-bottom-color: ${e=>{var r;return null!==(r=e.color)&&void 0!==r?r:n.COLORS.stroke.brand}};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -15,4 +15,4 @@
 			transform: rotate(360deg);
 		}
 	}
-`;exports.PureSpinner=a,exports.Spinner=s;
+`;exports.PureSpinner=m,exports.Spinner=j;

package/dist/cjs/components/spinner/lotties/black.json.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.12941176470588237,.12941176470588237,.12941176470588237,.5,.12941176470588237,.12941176470588237,.12941176470588237,1,.12941176470588237,.12941176470588237,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

package/dist/cjs/components/spinner/lotties/brand.json.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.45098039215686275,.11372549019607843,.8117647058823529,.5,.45098039215686275,.11372549019607843,.8117647058823529,1,.45098039215686275,.11372549019607843,.8117647058823529],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

package/dist/cjs/components/spinner/lotties/red.json.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,.7254901960784313,.13725490196078433,.12941176470588237,.5,.7254901960784313,.13725490196078433,.12941176470588237,1,.7254901960784313,.13725490196078433,.12941176470588237],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

package/dist/cjs/components/spinner/lotties/white.json.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a="loader for public",i={g:"LottieFiles AE 0.1.21"},t=[{ty:4,nm:"Shape Layer 1",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,hasMask:!1,td:1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[100,100,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[3.002,-217.775,0],ix:2},r:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[360],t:90}],ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"st",bm:0,hd:!1,mn:"ADBE Vector Graphic - Stroke",nm:"Stroke 1",lc:2,lj:1,ml:4,o:{a:0,k:100,ix:4},w:{a:0,k:28,ix:5},c:{a:0,k:[1,1,1],ix:3}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[10],t:0},{s:[70],t:44.25}],ix:2},o:{a:1,k:[{o:{x:.167,y:.167},i:{x:.833,y:.833},s:[0],t:0},{s:[144],t:90}],ix:3},s:{a:1,k:[{o:{x:.333,y:0},i:{x:.667,y:1},s:[0],t:44.25},{s:[60],t:90}],ix:1},m:1}],ind:1,parent:2},{ty:4,nm:"color",sr:1,st:0,op:300,ip:0,hd:!1,ddd:0,bm:0,tt:1,hasMask:!1,ao:0,ks:{a:{a:0,k:[3.002,-217.775,0],ix:1},s:{a:0,k:[89.983,89.983,100],ix:6},sk:{a:0,k:0},p:{a:0,k:[123,123,0],ix:2},r:{a:0,k:360,ix:10},sa:{a:0,k:0},o:{a:0,k:100,ix:11}},ef:[],shapes:[{ty:"gr",bm:0,hd:!1,mn:"ADBE Vector Group",nm:"Ellipse 1",ix:1,cix:2,np:3,it:[{ty:"el",bm:0,hd:!1,mn:"ADBE Vector Shape - Ellipse",nm:"Ellipse Path 1",d:1,p:{a:0,k:[0,0],ix:3},s:{a:0,k:[239.598,239.598],ix:2}},{ty:"gs",bm:0,hd:!1,mn:"ADBE Vector Graphic - G-Stroke",nm:"Gradient Stroke 1",e:{a:0,k:[122.126,120.78],ix:5},g:{p:3,k:{a:0,k:[0,1,1,1,.5,1,1,1,1,1,1,1],ix:8}},t:1,a:{a:0,k:0},h:{a:0,k:0},s:{a:0,k:[-118.969,-118.703],ix:4},lc:2,lj:1,ml:4,o:{a:0,k:100,ix:9},w:{a:0,k:32,ix:10}},{ty:"tr",a:{a:0,k:[0,0],ix:1},s:{a:0,k:[100,100],ix:3},sk:{a:0,k:0,ix:4},p:{a:0,k:[3.002,-217.775],ix:2},r:{a:0,k:0,ix:6},sa:{a:0,k:0,ix:5},o:{a:0,k:100,ix:7}}]},{ty:"tm",bm:0,hd:!1,mn:"ADBE Vector Filter - Trim",nm:"Trim Paths 1",ix:2,e:{a:0,k:100,ix:2},o:{a:0,k:0,ix:3},s:{a:0,k:0,ix:1},m:1}],ind:2}],s="5.5.7",x=[],e={nm:a,ddd:0,h:246,w:246,meta:i,layers:t,v:s,fr:60,op:90,ip:0,assets:x};exports.assets=x,exports.ddd=0,exports.default=e,exports.fr=60,exports.h=246,exports.ip=0,exports.layers=t,exports.meta=i,exports.nm=a,exports.op=90,exports.v=s,exports.w=246;

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("~~../../node_modules/~~lodash~~/cloneDeep.js~~"),l=require("react"),o=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../modals/styledModal.js"),s=require("../template-preview/helpers/templateMiscHelper.js"),r=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),m=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=v=>{var C,x,h,E,b,S,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:j,channel:y,htmlContent:I,templateVariables:D,onTemplateSelect:L,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:O,onBackPress:q,enabledCustomText:B,variableListForImage:R,showSampleValues:_,disableEditVariable:F,pod:W,extras:Y,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,footerButtonText:se,footerInfoText:re,templateAnalytics:ne}=v;l.useEffect((()=>{he(I)}),[I]);const de=s.determineCardIndex(y),ue=s.isItCarousal(y,P),ce=null==P?void 0:P.isProductCarouselType,[pe,me]=l.useState(y===r.CHANNEL_TYPE.EMAIL\|\|y==r.CHANNEL_TYPE.WEBPUSH\|\|ue?"desktop":"mobile"),[ve,Ce]=l.useState(!1),[xe,he]=l.useState(I),[Ee,be]=l.useState(!1),[Se,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,je]=l.useState(P),[ye,Ie]=l.useState([]),[De,Le]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=D?D:[]),[Ve,He]=l.useState(!1),[Ne,Oe]=l.useState(ue?(null===(x=null===(C=null==ge?void 0:ge.mapping)\|\|void 0===C?void 0:C.body)\|\|void 0===x?void 0:x.length)?-1:0:-1),[qe,Be]=l.useState([]),[Re,_e]=l.useState(void 0),Fe=l.useRef(null),[We,Ye]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z\|\|0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)\|\|void 0===e?void 0:e[de].cards,l=[];null==t\|\|t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)\|\|void 0===t\|\|t.forEach((e=>{var t,o,a;"HEADER"===e.type&&l.push(null!==(a=null===(o=null===(t=e.example)\|\|void 0===t?void 0:t.header_handle)\|\|void 0===o?void 0:o[0])&&void 0!==a?a:"")}))})),Ie(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>m.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{_e(t.~~default~~(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsxRuntimeExports.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:y===r.CHANNEL_TYPE.WHATSAPP?`${o.default.capitaliseFirstLetterOfString(null!==(h=null==ge?void 0:ge.category)&&void 0!==h?h:"")} • ${null!==(E=null==ge?void 0:ge.templateCategory)&&void 0!==E?E:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g\|\|g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)\|\|""}):e.jsxRuntimeExports.jsx(d.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Re,setVariableList:_e,variableCallback:De,setVariableCallback:Le,showVariablePicker:ve,setShowVariablePicker:Ce,template:ge,setTemplate:je,device:pe,setDevice:me,display_content:xe,setDisplayContent:he,originalVariableList:ke,setOriginalVariableList:Me,isError:Ee,setIsError:be,channel:y,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:F,pod:W,extras:Y,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:Oe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(S=null===(b=P.components)\|\|void 0===b?void 0:b[de].cards)\|\|void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:fe,pickerConf:$,carouselProducts:qe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:ye,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:Fe,isCarouselHovered:We,setIsCarouselHovered:Ye,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxRuntimeExports.jsxs(i.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:y===r.CHANNEL_TYPE.EMAIL&&j?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g\|\|g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:y===r.CHANNEL_TYPE.WHATSAPP\|\|s.isRCSChannel(y)?`${o.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==q\|\|q()},modalHeaderStyles:{borderBottom:`1px solid ${a.COLORS.stroke.primary}`}},{children:[e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,showSampleValues:_,showVariableMapping:j,channel:y,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:O,variableListForImage:R&&(null==R?void 0:R.length)>0?R:Re,fileName:J,setFileName:e=>{null==K\|\|K(e)},skipDefaultVariableContent:te}),L?e.jsxRuntimeExports.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==qe?void 0:qe.length)<1&&ce)return void be(!0);if(Object.keys(Ze).length>0&&W!==n.POD.CHATBOT)return void be(!0);const t=null==L?void 0:L(ge,ke,null!=xe?xe:"",qe);Pe(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)\|\|(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&be(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:se,footerInfoText:re}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../node_modules/react/jsx-runtime.js"),t=require("lodash"),l=require("react"),o=require("../../utils/StringUtils.js"),a=require("../../constants/Theme.js"),i=require("../modals/styledModal.js"),s=require("../template-preview/helpers/templateMiscHelper.js"),r=require("../template-preview/models/Channels.js"),n=require("../template-preview/models/WhatsAppTemplate.js"),d=require("./context/templateModalContext.js"),u=require("./modalElements/Footer.js"),c=require("./modalElements/TemplateAnalyticsComponent.js"),p=require("./modalElements/TemplateSelectModalContent.js"),m=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=v=>{var C,x,h,E,b,S,f,T;const{selectedTemplate:P,closeDialog:g,showVariableMapping:y,channel:j,htmlContent:I,templateVariables:D,onTemplateSelect:L,globalPlaceholders:w,showOnlyContent:A,whatsappSpecificPickerMeta:k,zIndex:M,showVariableModal:V,variableList:H,discountCode:N,setDiscountCode:O,onBackPress:q,enabledCustomText:B,variableListForImage:R,showSampleValues:F,disableEditVariable:_,pod:W,extras:Y,pickerConf:$,selectedCarouselProducts:z,disableEditExpiry:Q,cardWidth:U,onDeleteSelectedProducts:G,fileName:J,setFileName:K,hideDeviceContainerInPreview:X,maxCharLimit:Z,onDefaultVariableSelect:ee,skipDefaultVariableContent:te,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,footerButtonText:se,footerInfoText:re,templateAnalytics:ne}=v;l.useEffect((()=>{he(I)}),[I]);const de=s.determineCardIndex(j),ue=s.isItCarousal(j,P),ce=null==P?void 0:P.isProductCarouselType,[pe,me]=l.useState(j===r.CHANNEL_TYPE.EMAIL\|\|j==r.CHANNEL_TYPE.WEBPUSH\|\|ue?"desktop":"mobile"),[ve,Ce]=l.useState(!1),[xe,he]=l.useState(I),[Ee,be]=l.useState(!1),[Se,fe]=l.useState([]),[Te,Pe]=l.useState({}),[ge,ye]=l.useState(P),[je,Ie]=l.useState([]),[De,Le]=l.useState(null),[we,Ae]=l.useState(!1),[ke,Me]=l.useState(null!=D?D:[]),[Ve,He]=l.useState(!1),[Ne,Oe]=l.useState(ue?(null===(x=null===(C=null==ge?void 0:ge.mapping)\|\|void 0===C?void 0:C.body)\|\|void 0===x?void 0:x.length)?-1:0:-1),[qe,Be]=l.useState([]),[Re,Fe]=l.useState(void 0),_e=l.useRef(null),[We,Ye]=l.useState(!1),[$e,ze]=l.useState(!1),[Qe,Ue]=l.useState(!1),[Ge,Je]=l.useState(!0),[Ke,Xe]=l.useState(!0),[Ze,et]=l.useState({});l.useEffect((()=>{z?Be(z):ce&&Be([])}),[z]),l.useEffect((()=>{var e;if(!we&&ce&&(!z\|\|0===Be.length)){const t=null===(e=null==ge?void 0:ge.components)\|\|void 0===e?void 0:e[de].cards,l=[];null==t\|\|t.forEach((e=>{var t;null===(t=null==e?void 0:e.components)\|\|void 0===t\|\|t.forEach((e=>{var t,o,a;"HEADER"===e.type&&l.push(null!==(a=null===(o=null===(t=e.example)\|\|void 0===t?void 0:t.header_handle)\|\|void 0===o?void 0:o[0])&&void 0!==a?a:"")}))})),Ie(l),Ae(!0)}}),[we]);const tt=l.useMemo((()=>m.convertPlaceholdersToBikDropdown(w)),[w]);return l.useEffect((()=>{Fe(t.cloneDeep(H))}),[H]),(null==ne?void 0:ne.show)&&Ge&&ne.templateQuality&&Object.values(n.TEMPLATE_QUALITY).find((e=>e===String(ne.templateQuality)))?e.jsxRuntimeExports.jsx(c.TemplateAnalyticsComponent,{headingTitle:null==ge?void 0:ge.label,headingSubtitle:j===r.CHANNEL_TYPE.WHATSAPP?`${o.default.capitaliseFirstLetterOfString(null!==(h=null==ge?void 0:ge.category)&&void 0!==h?h:"")} • ${null!==(E=null==ge?void 0:ge.templateCategory)&&void 0!==E?E:""}`:"",templateAnalytics:ne,analyticsData:ne.data,onClose:()=>{null==g\|\|g(),Je(!1),Xe(!1)},onCancel:()=>{Je(!1),Xe(!1)},onProceed:()=>{Je(!1),Xe(!0)},templateId:(null==ge?void 0:ge.templateId)\|\|""}):e.jsxRuntimeExports.jsx(d.TemplateModalContext.Provider,Object.assign({value:{hideFooterButton:Qe,setHideFooterButton:Ue,hideCrossButton:$e,setHideCrossButton:ze,variableList:Re,setVariableList:Fe,variableCallback:De,setVariableCallback:Le,showVariablePicker:ve,setShowVariablePicker:Ce,template:ge,setTemplate:ye,device:pe,setDevice:me,display_content:xe,setDisplayContent:he,originalVariableList:ke,setOriginalVariableList:Me,isError:Ee,setIsError:be,channel:j,globalNormalizedPlaceholders:tt,templateSelectionTriggered:Ve,setTemplateSelectionTriggered:He,enabledCustomText:B,disableEditVariable:_,pod:W,extras:Y,isWhatsappCarousel:ue,selectedCarouselIndex:Ne,setSelectedCarouselIndex:Oe,isProductCarouselType:ce,templateErrorIndexes:Te,cardCount:ue?null===(S=null===(b=P.components)\|\|void 0===b?void 0:b[de].cards)\|\|void 0===S?void 0:S.length:void 0,errorIndexes:Se,setErrorIndexes:fe,pickerConf:$,carouselProducts:qe,setCarouselProducts:Be,disableEditExpiry:Q,cardWidth:U,cardImages:je,onDeleteSelectedProducts:G,hideDeviceContainerInPreview:X,sliderRef:_e,isCarouselHovered:We,setIsCarouselHovered:Ye,maxCharLimit:Z,ctaOptionsErrors:Ze,setCtaOptionsErrors:et,onDefaultVariableSelect:ee,disableDatePicker:le,disableCopyCode:oe,initialExpiryDateTime:ae,showDiscountCodeExpiryInfo:ie,cardIndex:de}},{children:A?e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxRuntimeExports.jsxs(i.StyledModal,Object.assign({hideCrossButton:$e,zIndex:M,centralContainerStyles:{width:ue?900:j===r.CHANNEL_TYPE.EMAIL&&y?1e3:800},open:Ke,onClose:()=>{Xe(!1),null==g\|\|g()},headingTitle:null==ge?void 0:ge.label,headingSubtitle:j===r.CHANNEL_TYPE.WHATSAPP\|\|s.isRCSChannel(j)?`${o.default.capitaliseFirstLetterOfString(null!==(f=null==ge?void 0:ge.category)&&void 0!==f?f:"")} • ${null!==(T=null==ge?void 0:ge.templateCategory)&&void 0!==T?T:""}`:"",onBackPress:()=>{if(null==ne?void 0:ne.show)return Je(!0),void Xe(!1);null==q\|\|q()},modalHeaderStyles:{borderBottom:`1px solid ${a.COLORS.stroke.primary}`}},{children:[e.jsxRuntimeExports.jsx(p.default,{variableListFromProps:H,showSampleValues:F,showVariableMapping:y,channel:j,whatsappSpecificPickerMeta:k,showVariableModal:V,discountCode:N,setDiscountCode:O,variableListForImage:R&&(null==R?void 0:R.length)>0?R:Re,fileName:J,setFileName:e=>{null==K\|\|K(e)},skipDefaultVariableContent:te}),L?e.jsxRuntimeExports.jsx(u.default,{isWhatsappCarousel:null!=ue&&ue,onSelect:function(){var e;if((null==qe?void 0:qe.length)<1&&ce)return void be(!0);if(Object.keys(Ze).length>0&&W!==n.POD.CHATBOT)return void be(!0);const t=null==L?void 0:L(ge,ke,null!=xe?xe:"",qe);Pe(null!==(e=null==t?void 0:t.templateErrorIndexes)&&void 0!==e?e:{body:[],buttons:[]}),(null==t?void 0:t.errorIndexes)\|\|(null==t?void 0:t.error)?((null==t?void 0:t.errorIndexes)&&fe(t.errorIndexes),(null==t?void 0:t.error)&&be(!!(null==t?void 0:t.error))):He(!0)},footerButtonText:se,footerInfoText:re}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}))}))};

package/dist/cjs/components/template-context-mapper/modalElements/Body.js CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),a=require("../../../node_modules/lodash/cloneDeep.js"),i=require("react"),s=require("styled-components"),l=require("../../carousel-preview/CarouselPreview.js"),r=require("./EditWhatsAppCarouselTemplateV2.js"),o=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var n=require("../../../constants/Theme.js");require("../../template-preview/models/TemplateMeta.js"),require("../../template-preview/models/WhatsAppTemplate.js");var p=require("../../template-preview/models/Channels.js"),u=require("../../TypographyStyle.js"),d=require("../../variable-picker-v3/VariablePicker.js"),c=require("../context/templateModalContext.js"),h=require("../utils/constants.js"),m=require("../utils/getVariableNameEmail.js"),x=require("../utils/highlightFor.js"),E=require("./DesktopPreview.js"),C=require("./EditWebpushTemplate.js"),j=require("./EditWhatsAppTemplateV2.js"),v=require("./MobilePreview.js"),P=require("./VariableConnectorsPanel.js");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=w(s);const f=b.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),i=require("lodash"),a=require("react"),s=require("styled-components"),l=require("../../carousel-preview/CarouselPreview.js"),r=require("./EditWhatsAppCarouselTemplateV2.js"),o=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var n=require("../../../constants/Theme.js");require("../../template-preview/models/TemplateMeta.js"),require("../../template-preview/models/WhatsAppTemplate.js");var p=require("../../template-preview/models/Channels.js"),u=require("../../TypographyStyle.js"),d=require("../../variable-picker-v3/VariablePicker.js"),c=require("../context/templateModalContext.js"),h=require("../utils/constants.js"),m=require("../utils/getVariableNameEmail.js"),x=require("../utils/highlightFor.js"),E=require("./DesktopPreview.js"),C=require("./EditWebpushTemplate.js"),j=require("./EditWhatsAppTemplateV2.js"),v=require("./MobilePreview.js"),P=require("./VariableConnectorsPanel.js");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var b=w(s);const f=b.default.div`
 	display: flex;
 	//	height: 100%;
 `,A=b.default.div`
@@ -19,4 +19,4 @@
 	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===p.CHANNEL_TYPE.WHATSAPP?`url(${h.BACKGROUND_PREVIEW_IMAGE});`:"none"};
 	display: ${e=>!e.hideDeviceContainerInPreview||e.channel!==p.CHANNEL_TYPE.WHATSAPP&&e.channel!==p.CHANNEL_TYPE.RCS?"initial":"flex"};
 	align-items: flex-start;
-`;exports.default=s=>{const{showVariableMapping:h,showOnlyContent:w,whatsappSpecificPickerMeta:b,showVariableModal:T,discountCode:g,setDiscountCode:S,variableListForImage:L,showSampleValues:y,variableListFromProps:H,fileName:_,setFileName:k,skipDefaultVariableContent:R}=s,V=i.useRef(),W=i.useRef(),{variableList:q,setVariableList:M,variableCallback:D,showVariablePicker:O,setShowVariablePicker:Y,device:I,display_content:B,channel:F,template:$,setTemplate:G,isWhatsappCarousel:U,isProductCarouselType:K,hideDeviceContainerInPreview:z,onDefaultVariableSelect:J}=c.useTemplateModalContext();const Q=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(N,Object.assign({showOnlyContent:w,showVariableMapping:h,isWhatsappCarousel:U,hideDeviceContainerInPreview:z,channel:F,skipDefaultVariableContent:R},{children:"mobile"===I?e.jsxRuntimeExports.jsx(v.default,{ref:W,display_content:null!=B?B:"",channel:F,template:$,showSampleValues:y}):F!==p.CHANNEL_TYPE.WHATSAPP&&F!==p.CHANNEL_TYPE.RCS||!U?F===p.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(o.TemplatePreview,{showSampleValues:y,channel:F,hideHeader:!0,template:$}):F!==p.CHANNEL_TYPE.MESSAGE?e.jsxRuntimeExports.jsx(E.default,{ref:V,channel:F,display_content:null!=B?B:"",showSampleValues:y}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(l.CarouselPreview,{ref:V,channel:F,template:$,showSampleValues:y,isPreview:!1,showArrows:!0})})),(K||h)&&e.jsxRuntimeExports.jsxs(A,Object.assign({channel:F,isWhatsappCarousel:U,showVariableMapping:!0},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:"100%",width:"whatsapp"===F?428:400,display:O?"block":"none"}},{children:e.jsxRuntimeExports.jsx(d.VariablePicker,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{M(a.default(H)),Y(!1)},onSelect:e=>{D(e),M(a.default(H)),Y(!1)},type:t.PickerType.EMBEDDED,data:null!=q?q:[],onDefaultVariableSelect:J,skipDefaultVariableContent:R},Math.random())})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===F||"webpush"==F||"rcs"==F?428:400,display:O?"none":"block"}},{children:F!==p.CHANNEL_TYPE.WHATSAPP&&F!==(null===p.CHANNEL_TYPE||void 0===p.CHANNEL_TYPE?void 0:p.CHANNEL_TYPE.RCS)?F==p.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(C.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:T}):e.jsxRuntimeExports.jsx(P.default,{onFocus:F===p.CHANNEL_TYPE.EMAIL?function(e){var t,a,i;const s=null===document||void 0===document?void 0:document.getElementById("mobile"===I?"template_html_mobile":"template_html_desktop"),l=m.getVariableNameForEmailByIndex(e+1),r=F===p.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),o=Q(r),u=null==r?void 0:r.offsetLeft;"desktop"===I?o&&V.current&&(null===(a=null==s?void 0:s.contentWindow)||void 0===a||a.scrollTo(null!=u?u:0,o),x.highlightFor(l,n.COLORS.background.warning.light,2,F,I)):o&&W.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=u?u:0,o),x.highlightFor(l,n.COLORS.background.warning.light,2,F,I))}:void 0,showVariableModal:T,discountCode:g,setDiscountCode:S}):F!==p.CHANNEL_TYPE.WHATSAPP&&F!==p.CHANNEL_TYPE.RCS||!U?e.jsxRuntimeExports.jsx(j.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:T,variableListForImage:L,discountCode:g,setDiscountCode:S,fileName:_,setFileName:k}):e.jsxRuntimeExports.jsx(r.default,{whatsappSpecificPickerMeta:b,template:$,showVariableModal:T,variableListForImage:L,discountCode:g,setDiscountCode:S})}))]})),[p.CHANNEL_TYPE.WHATSAPP,p.CHANNEL_TYPE.SMS].includes(F)&&!h&&!K&&e.jsxRuntimeExports.jsx(A,{children:e.jsxRuntimeExports.jsx(u.BodySecondary,Object.assign({color:n.COLORS.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};
+`;exports.default=s=>{const{showVariableMapping:h,showOnlyContent:w,whatsappSpecificPickerMeta:b,showVariableModal:T,discountCode:g,setDiscountCode:S,variableListForImage:L,showSampleValues:y,variableListFromProps:H,fileName:_,setFileName:k,skipDefaultVariableContent:R}=s,V=a.useRef(),W=a.useRef(),{variableList:q,setVariableList:M,variableCallback:D,showVariablePicker:O,setShowVariablePicker:Y,device:I,display_content:B,channel:F,template:$,setTemplate:G,isWhatsappCarousel:U,isProductCarouselType:K,hideDeviceContainerInPreview:z,onDefaultVariableSelect:J}=c.useTemplateModalContext();const Q=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxRuntimeExports.jsxs(f,{children:[e.jsxRuntimeExports.jsx(N,Object.assign({showOnlyContent:w,showVariableMapping:h,isWhatsappCarousel:U,hideDeviceContainerInPreview:z,channel:F,skipDefaultVariableContent:R},{children:"mobile"===I?e.jsxRuntimeExports.jsx(v.default,{ref:W,display_content:null!=B?B:"",channel:F,template:$,showSampleValues:y}):F!==p.CHANNEL_TYPE.WHATSAPP&&F!==p.CHANNEL_TYPE.RCS||!U?F===p.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(o.TemplatePreview,{showSampleValues:y,channel:F,hideHeader:!0,template:$}):F!==p.CHANNEL_TYPE.MESSAGE?e.jsxRuntimeExports.jsx(E.default,{ref:V,channel:F,display_content:null!=B?B:"",showSampleValues:y}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(l.CarouselPreview,{ref:V,channel:F,template:$,showSampleValues:y,isPreview:!1,showArrows:!0})})),(K||h)&&e.jsxRuntimeExports.jsxs(A,Object.assign({channel:F,isWhatsappCarousel:U,showVariableMapping:!0},{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:"100%",width:"whatsapp"===F?428:400,display:O?"block":"none"}},{children:e.jsxRuntimeExports.jsx(d.VariablePicker,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{M(i.cloneDeep(H)),Y(!1)},onSelect:e=>{D(e),M(i.cloneDeep(H)),Y(!1)},type:t.PickerType.EMBEDDED,data:null!=q?q:[],onDefaultVariableSelect:J,skipDefaultVariableContent:R},Math.random())})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"16px 14px",width:"whatsapp"===F||"webpush"==F||"rcs"==F?428:400,display:O?"none":"block"}},{children:F!==p.CHANNEL_TYPE.WHATSAPP&&F!==(null===p.CHANNEL_TYPE||void 0===p.CHANNEL_TYPE?void 0:p.CHANNEL_TYPE.RCS)?F==p.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(C.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:T}):e.jsxRuntimeExports.jsx(P.default,{onFocus:F===p.CHANNEL_TYPE.EMAIL?function(e){var t,i,a;const s=null===document||void 0===document?void 0:document.getElementById("mobile"===I?"template_html_mobile":"template_html_desktop"),l=m.getVariableNameForEmailByIndex(e+1),r=F===p.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),o=Q(r),u=null==r?void 0:r.offsetLeft;"desktop"===I?o&&V.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=u?u:0,o),x.highlightFor(l,n.COLORS.background.warning.light,2,F,I)):o&&W.current&&(null===(a=null==s?void 0:s.contentWindow)||void 0===a||a.scrollTo(null!=u?u:0,o),x.highlightFor(l,n.COLORS.background.warning.light,2,F,I))}:void 0,showVariableModal:T,discountCode:g,setDiscountCode:S}):F!==p.CHANNEL_TYPE.WHATSAPP&&F!==p.CHANNEL_TYPE.RCS||!U?e.jsxRuntimeExports.jsx(j.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:T,variableListForImage:L,discountCode:g,setDiscountCode:S,fileName:_,setFileName:k}):e.jsxRuntimeExports.jsx(r.default,{whatsappSpecificPickerMeta:b,template:$,showVariableModal:T,variableListForImage:L,discountCode:g,setDiscountCode:S})}))]})),[p.CHANNEL_TYPE.WHATSAPP,p.CHANNEL_TYPE.SMS].includes(F)&&!h&&!K&&e.jsxRuntimeExports.jsx(A,{children:e.jsxRuntimeExports.jsx(u.BodySecondary,Object.assign({color:n.COLORS.content.secondary,style:{fontStyle:"italic"}},{children:"Click on ‘Select template’ below to use it"}))})]})};

package/dist/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("~~../../../node_modules/~~lodash~~/cloneDeep.js~~"),i=require("react"),a=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),s=require("../../template-preview/models/TemplateMeta.js"),l=require("../context/templateModalContext.js"),o=require("../helpers/WebpushTemplateHelper.js"),r=require("../utils/getDataFromTemplateComponent.js"),d=require("./EditMediaModal.js"),u=require("./EditMediaV2.js"),p=require("./EditMediaV2.style.js"),m=require("./useEditWhtasappTemplateMedia.js"),c=require("./VariableConnectorsPanel.js"),h=require("./VariableConnectorWhatsApp.js"),b=require("./VariableEditorHeader.js"),g=require("./WhatsAppTemplateCardButtonV2.js");exports.default=x=>{let{template:j,onTemplateChange:E,whatsappSpecificPickerMeta:f,showVariableModal:M}=x;var C,T,v;const[R,V]=i.useState(null),[L,y]=i.useState(null),{variableList:I,disableEditVariable:w,originalVariableList:O,setOriginalVariableList:q}=l.useTemplateModalContext(),{processWebpushTemplate:A,isValidUrl:S}=o.default(),[k,B]=i.useState(null),[W,H]=i.useState(null),[D,P]=i.useState(null);i.useEffect((()=>{I&&A(j,I,O,w).then((e=>{let{templateVariableMapping:t,template:i,webpushBroadcastConfig:a}=e;V(t),null==q\|\|q(t),null==E\|\|E(Object.assign({},i)),y(a)}))}),[I,w]);const{descriptionComponents:F,bodyVariables:U,titleVariables:_}=i.useMemo((()=>{if(R&&L){const e=r.getAllDataFromWebpushTemplateComponent(L,R);return k\|\|B(e.iconImage),W~~\|\|H~~(e.bannerImage),D\|\|P(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[R,L]),{uploadMediaLink:N,uploadMediaFiles:Y,validateMimeType:G}=f,$=i.useRef(null),K=m.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"icon"),validateMimeType:G,mediaComponent:k,fileRef:$}),z=m.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"image"),validateMimeType:G,mediaComponent:W,fileRef:$});function J(e,i){const a=Object.assign({},j),n=t.~~default~~(a);"icon"===i?(n.webpushBroadcastConfig.icon=[e],B([e])):"image"===i&&(n.webpushBroadcastConfig.image=[e],H([e])),null==E\|\|E(Object.assign({},n))}function Q(e,i,a){var n;const s=Object.assign({},j),l=t.~~default~~(s),o="custom"===i&&"string"==typeof e,r=null===(n=null==l?void 0:l.webpushBroadcastConfig)\|\|void 0===n?void 0:n.buttons;if(r&&r.length>0){r[a]=o?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},l.webpushBroadcastConfig),{buttons:r});l.webpushBroadcastConfig=t}null==E\|\|E(l)}const X=K.openEditMedia?K:z.openEditMedia?z:null;if(X)return e.jsxRuntimeExports.jsx(c.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsxRuntimeExports.jsx(d.default,{mediaComponentFormat:s.HEADER_TYPES.IMAGE,uploadMedia:X.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:X,setOpenEditMedia:X.setOpenEditMedia,openEditMedia:X.openEditMedia,editIconRef:X.editIconRef,fileRef:$,skipAddVariable:!0})}));return e.jsxRuntimeExports.jsxs(c.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[k&&k.length?e.jsxRuntimeExports.jsx(p.EditTemplateMediaContainer,{children:e.jsxRuntimeExports.jsx(u.default,{imageName:k,handleImageChange:K.handleImageChange,mediaType:s.HEADER_TYPES.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,W&&W.length?e.jsxRuntimeExports.jsx(p.EditTemplateMediaContainer,{children:e.jsxRuntimeExports.jsx(u.default,{imageName:W,handleImageChange:z.handleImageChange,mediaType:s.HEADER_TYPES.IMAGE,error:z.error,isLoading:z.loading,setOpenEditMedia:z.setOpenEditMedia})}):null,(null==U?void 0:U.length)\|\|(null==_?void 0:_.length)?e.jsxRuntimeExports.jsx(b.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==F?void 0:F.map(((t,i)=>e.jsxRuntimeExports.jsx(h.default,{originalVariableList:R,originalList:O,channel:n.CHANNEL_TYPE.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:M},i))),D&&D.length?e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"16px 14px"}},{children:e.jsxRuntimeExports.jsx(a.Input,{labelText:"Redirection Link",id:"redirection-link",value:D[0].replace("https://",""),errorMessage:S(D[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:w?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var i;const a=`https://${e}`;P([a]);const n=t.~~default~~(j);(null===(i=n.webpushBroadcastConfig)\|\|void 0===i?void 0:i.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[a]),null==E\|\|E(Object.assign({},n))}(e)}})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),(null===(T=null===(C=null==R?void 0:R.buttons)\|\|void 0===C?void 0:C.filter((e=>"URL"===e.type)))\|\|void 0===T?void 0:T.length)>0&&e.jsxRuntimeExports.jsx(b.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(v=null==R?void 0:R.buttons)\|\|void 0===v?void 0:v.map(((t,i)=>e.jsxRuntimeExports.jsx(g.default,{variableListIndex:i,CTAoptions:null==f?void 0:f.CTAoptions,button:t,currentVariableList:R,updateSelectedURLTemplateBtn:Q},`${i}`)))]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("lodash"),i=require("react"),a=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),s=require("../../template-preview/models/TemplateMeta.js"),l=require("../context/templateModalContext.js"),o=require("../helpers/WebpushTemplateHelper.js"),r=require("../utils/getDataFromTemplateComponent.js"),d=require("./EditMediaModal.js"),p=require("./EditMediaV2.js"),u=require("./EditMediaV2.style.js"),m=require("./useEditWhtasappTemplateMedia.js"),c=require("./VariableConnectorsPanel.js"),h=require("./VariableConnectorWhatsApp.js"),b=require("./VariableEditorHeader.js"),g=require("./WhatsAppTemplateCardButtonV2.js");exports.default=x=>{let{template:E,onTemplateChange:j,whatsappSpecificPickerMeta:f,showVariableModal:M}=x;var C,T,v;const[R,V]=i.useState(null),[L,y]=i.useState(null),{variableList:I,disableEditVariable:w,originalVariableList:O,setOriginalVariableList:q}=l.useTemplateModalContext(),{processWebpushTemplate:A,isValidUrl:S}=o.default(),[k,B]=i.useState(null),[D,W]=i.useState(null),[H,P]=i.useState(null);i.useEffect((()=>{I&&A(E,I,O,w).then((e=>{let{templateVariableMapping:t,template:i,webpushBroadcastConfig:a}=e;V(t),null==q\|\|q(t),null==j\|\|j(Object.assign({},i)),y(a)}))}),[I,w]);const{descriptionComponents:F,bodyVariables:U,titleVariables:_}=i.useMemo((()=>{if(R&&L){const e=r.getAllDataFromWebpushTemplateComponent(L,R);return k\|\|B(e.iconImage),D\|\|W(e.bannerImage),H\|\|P(e.redirectionLink),{descriptionComponents:e.descriptionComponents,bodyVariables:e.bodyVariables,titleVariables:e.titleVariables}}return{descriptionComponents:[],bodyVariables:[],titleVariables:[],iconImage:null,bannerImage:null}}),[R,L]),{uploadMediaLink:N,uploadMediaFiles:Y,validateMimeType:G}=f,$=i.useRef(null),K=m.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"icon"),validateMimeType:G,mediaComponent:k,fileRef:$}),z=m.useEditWhatsappTemplateMedia({uploadMediaLink:N,uploadMediaFiles:Y,updateTemplateImageUrl:e=>J(e,"image"),validateMimeType:G,mediaComponent:D,fileRef:$});function J(e,i){const a=Object.assign({},E),n=t.cloneDeep(a);"icon"===i?(n.webpushBroadcastConfig.icon=[e],B([e])):"image"===i&&(n.webpushBroadcastConfig.image=[e],W([e])),null==j\|\|j(Object.assign({},n))}function Q(e,i,a){var n;const s=Object.assign({},E),l=t.cloneDeep(s),o="custom"===i&&"string"==typeof e,r=null===(n=null==l?void 0:l.webpushBroadcastConfig)\|\|void 0===n?void 0:n.buttons;if(r&&r.length>0){r[a]=o?e:"string"!=typeof e?e.placeHolder:"";const t=Object.assign(Object.assign({},l.webpushBroadcastConfig),{buttons:r});l.webpushBroadcastConfig=t}null==j\|\|j(l)}const X=K.openEditMedia?K:z.openEditMedia?z:null;if(X)return e.jsxRuntimeExports.jsx(c.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsxRuntimeExports.jsx(d.default,{mediaComponentFormat:s.HEADER_TYPES.IMAGE,uploadMedia:X.uploadMedia,variableListForImage:[],useEditWhatsappTemplateMediaResponse:X,setOpenEditMedia:X.setOpenEditMedia,openEditMedia:X.openEditMedia,editIconRef:X.editIconRef,fileRef:$,skipAddVariable:!0})}));return e.jsxRuntimeExports.jsxs(c.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:"auto"}},{children:[k&&k.length?e.jsxRuntimeExports.jsx(u.EditTemplateMediaContainer,{children:e.jsxRuntimeExports.jsx(p.default,{imageName:k,handleImageChange:K.handleImageChange,mediaType:s.HEADER_TYPES.IMAGE,error:K.error,isLoading:K.loading,setOpenEditMedia:K.setOpenEditMedia})}):null,D&&D.length?e.jsxRuntimeExports.jsx(u.EditTemplateMediaContainer,{children:e.jsxRuntimeExports.jsx(p.default,{imageName:D,handleImageChange:z.handleImageChange,mediaType:s.HEADER_TYPES.IMAGE,error:z.error,isLoading:z.loading,setOpenEditMedia:z.setOpenEditMedia})}):null,(null==U?void 0:U.length)\|\|(null==_?void 0:_.length)?e.jsxRuntimeExports.jsx(b.default,{containerStyle:{paddingTop:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}):null,null==F?void 0:F.map(((t,i)=>e.jsxRuntimeExports.jsx(h.default,{originalVariableList:R,originalList:O,channel:n.CHANNEL_TYPE.WEBPUSH,type:t.type,descriptionComponent:t.component,showVariableModal:M},i))),H&&H.length?e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:"16px 14px"}},{children:e.jsxRuntimeExports.jsx(a.Input,{labelText:"Redirection Link",id:"redirection-link",value:H[0].replace("https://",""),errorMessage:S(H[0])?"":"Please enter a valid URL",maxCharLimit:2e3,noKeyDownChange:!0,state:w?"disabled":"none",prefixText:"https://",placeholder:"Enter custom URL here",onChangeText:e=>{!function(e){var i;const a=`https://${e}`;P([a]);const n=t.cloneDeep(E);(null===(i=n.webpushBroadcastConfig)\|\|void 0===i?void 0:i.redirectionLink)&&(n.webpushBroadcastConfig.redirectionLink=[a]),null==j\|\|j(Object.assign({},n))}(e)}})})):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}),(null===(T=null===(C=null==R?void 0:R.buttons)\|\|void 0===C?void 0:C.filter((e=>"URL"===e.type)))\|\|void 0===T?void 0:T.length)>0&&e.jsxRuntimeExports.jsx(b.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(v=null==R?void 0:R.buttons)\|\|void 0===v?void 0:v.map(((t,i)=>e.jsxRuntimeExports.jsx(g.default,{variableListIndex:i,CTAoptions:null==f?void 0:f.CTAoptions,button:t,currentVariableList:R,updateSelectedURLTemplateBtn:Q},`${i}`)))]}))};

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.js CHANGED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("@bikdotai/bik-models/growth/models/bik-store"),l=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),s=require("../../../assets/icons/PlusIcon.js"),o=require("../../../node_modules/lodash/cloneDeep.js"),r=require("react"),a=require("../../button/Button.js"),d=require("../../icon-button/IconButton.js"),u=require("../../product-picker-v2/modal.js"),c=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),m=require("../context/templateModalContext.js"),x=require("./EditWhatsAppTemplateV2.js"),v=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var h=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var g=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var j=require("../../template-preview/helpers/templateMiscHelper.js"),y=require("../../TypographyStyle.js");exports.default=f=>{let{template:b,whatsappSpecificPickerMeta:C,showVariableModal:R,variableListForImage:E,discountCode:O,setDiscountCode:I}=f;var S,k,q,w,P,T,B,L;const{selectedCarouselIndex:M,setTemplate:A,pickerConf:D,isProductCarouselType:F,pod:V,cardCount:W,carouselProducts:_,setCarouselProducts:N,isError:$,cardImages:z,disableEditVariable:G,onDeleteSelectedProducts:H,setSelectedCarouselIndex:K,setVariableCallback:J,setShowVariablePicker:Q,sliderRef:U}=m.useTemplateModalContext(),[X,Y]=r.useState(j.isRCSChannel(null==b?void 0:b.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(k=null===(S=null==b?void 0:b.mapping)\|\|void 0===S?void 0:S.body)\|\|void 0===k?void 0:k.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(w=null===(q=null==b?void 0:b.mapping)\|\|void 0===q?void 0:q.body)\|\|void 0===w?void 0:w.length)?"(Step 2/2)":"")),[Z,ee]=r.useState(!1),[te,le]=r.useState(!1),ne=M===(null!=W?W:-1)-1,ie=(null!=M?M:-1)<1;r.useEffect((()=>{var e,t,l,n;Y(j.isRCSChannel(null==b?void 0:b.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(t=null===(e=null==b?void 0:b.mapping)\|\|void 0===e?void 0:e.body)\|\|void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(n=null===(l=null==b?void 0:b.mapping)\|\|void 0===l?void 0:l.body)\|\|void 0===n?void 0:n.length)?"(Step 2/2)":""))}),[M]);const se=e=>{null==N\|\|N([{name:"variable",productName:e.actualValue}])};return r.useEffect((()=>{-1===M&&j.isRCSChannel(null==b?void 0:b.channel)&&(null==K\|\|K(0))}),[M,null==b?void 0:b.channel]),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!j.isRCSChannel(null==b?void 0:b.channel)&&null!=M&&M>=0&&!!(null===(T=null===(P=null==b?void 0:b.mapping)\|\|void 0===P?void 0:P.body)\|\|void 0===T?void 0:T.length)&&e.jsxRuntimeExports.jsx(d.IconButton,{Icon:l.default,onClick:()=>{null==K\|\|K(-1)}}),e.jsxRuntimeExports.jsx(y.TitleMedium,Object.assign({style:{marginLeft:10}},{children:X}))]})),F&&(null!==(B=null==_?void 0:_.length)&&void 0!==B?B:0)>0&&null!=M&&M>=0&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsx(v.ProductBox,{editItem:()=>{1===(null==_?void 0:_.length)&&"variable"===_[0].name?(J((()=>se)),Q(!0)):ee(!Z)},cardBody:1===(null==_?void 0:_.length)&&"variable"===_[0].name?`${_[0].productName}`:`${null==_?void 0:_.length} Products Selected`,hideIcon:1===(null==_?void 0:_.length)&&"variable"===_[0].name,deleteItem:()=>{var e;if(1===(null==_?void 0:_.length)&&"variable"===_[0].name)return void(null==N\|\|N([]));const t=o.default(Object.assign({},b));t&&(z&&z.length>0?null==z\|\|z.forEach(((e,l)=>{var n;t.components[1].cards[l].components[0].example.header_handle=[null!==(n=z[l])&&void 0!==n?n:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)\|\|void 0===e\|\|e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==A\|\|A(t)),null==N\|\|N([]),null==H\|\|H()}}),_&&(null==_?void 0:_.length)>0&&"variable"!=_[0].name&&e.jsxRuntimeExports.jsx(a.Button,{disabled:(null!==(L=null==_?void 0:_.length)&&void 0!==L?L:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{le(!0),ee(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!G&&F&&0===(null==_?void 0:_.length)&&null!=M&&M>=0&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginLeft:12}},{children:[e.jsxRuntimeExports.jsx(y.TitleRegular,{children:"Product(s)"}),e.jsxRuntimeExports.jsx(y.BodySecondary,{children:`Select ${null!=W?W:1} products`})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:$?16:12,marginRight:$?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(a.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:$?`2px dashed ${h.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:$?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:e.jsxRuntimeExports.jsx(s.default,{width:18,height:18,color:h.COLORS.content.secondary})})),onClick:e=>{ee(!0)}}),V===g.POD.CHATBOT&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[e.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsxRuntimeExports.jsx(y.BodyCaption,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),e.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),e.jsxRuntimeExports.jsx(a.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:$?`2px dashed ${h.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:$?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsxRuntimeExports.jsx(s.default,{width:18,height:18,color:h.COLORS.content.secondary})})),onClick:e=>{J((()=>se)),Q(!0)}})]})]})),$&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:e.jsxRuntimeExports.jsx(p.Badge,{padding:"8px",errorText:"Please add products"})}))]}),!F&&(null!=M?M:-1)>-1&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",background:h.COLORS.surface.hovered,alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(d.IconButton,{Icon:n.default,disabled:ie,width:8,height:14,svgStyle:ie?{}:{color:h.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)\|\|void 0===e\|\|e.slickPrev(),(null!=M?M:-1)<1\|\|null==K\|\|K((e=>e-1))}}),e.jsxRuntimeExports.jsx(y.TitleRegular,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:h.COLORS.content.secondary},{children:`Card ${(null!=M?M:0)+1}/${W}`})),e.jsxRuntimeExports.jsx(d.IconButton,{Icon:i.default,width:8,height:14,disabled:ne,svgStyle:ne?{}:{color:h.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)\|\|void 0===e\|\|e.slickNext(),(null!=M?M:-1)>=(null!=W?W:-1)-1\|\|null==K\|\|K((e=>e+1))}})]})),e.jsxRuntimeExports.jsx(x.default,{whatsappSpecificPickerMeta:C,template:b,onTemplateChange:e=>{null==A\|\|A(e)},showVariableModal:R,variableListForImage:E,discountCode:O,setDiscountCode:I}),Z&&D&&e.jsxRuntimeExports.jsx(u.ProductPickerModal,{zIndex:200,startupScreen:te?c.ScreenName.RearrangeProducts:c.ScreenName.Collections,rearrangeEnabled:!0,storeId:D.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,n=l.productId,i=l.variantId;e in t\|\|(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),n in t[e].products\|\|(t[e].products[n]={variants:{},name:(null==l?void 0:l.productName)\|\|"",image:(null==l?void 0:l.productImage)\|\|""}),t[e].products[n].variants[i]={name:(null==l?void 0:l.name)\|\|"",price:"",image:(null==l?void 0:l.image)\|\|"",quantity:l.quantity\|\|0,displayOrder:l.displayOrder}}return t}return{}})(null!=_?_:[]),collectionFetcher:D.fetchCollections,productFetcher:D.fetchProducts,onAdd:(e,t)=>{var l,n,i,s,r,a;le(!1);const d=[];delete e.isCustom;for(const t of Object.keys(e)){const o=e[t].products;if(void 0!==o&&Object.keys(o).length)for(const e of Object.keys(o)){const u=o[e].variants;if(void 0!==u&&Object.keys(u).length)for(const c of Object.keys(u)){const{name:p,image:m,quantity:x,displayOrder:v}=u[c],h={name:p,image:null!==(n=null!=m?m:null===(l=o[e])\|\|void 0===l?void 0:l.image)&&void 0!==n?n:"",quantity:x,variantId:c,productId:e,displayOrder:v,collectionId:t,productName:null!==(s=null===(i=o[e])\|\|void 0===i?void 0:i.name)&&void 0!==s?s:"",productImage:null!==(a=null===(r=o[e])\|\|void 0===r?void 0:r.image)&&void 0!==a?a:""};d.push(h)}}}const u=d.sort(((e,t)=>e.displayOrder-t.displayOrder)),c=d.map((e=>e.image)),p=o.default(Object.assign({},b));p&&(c.forEach(((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==z?void 0:z[t])&&void 0!==l?l:""]})),null==A\|\|A(p)),null==N\|\|N(u),ee(!1)},searchInCollectionFetcher:D.searchInCollection,searchFetcher:D.searchProducts,visible:Z,onClose:()=>{ee(!1)},exactLimit:null!=W?W:1,appType:D.appType\|\|t.ApplicationType.BIK})]}))};
1	+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("@bikdotai/bik-models/growth/models/bik-store"),l=require("../../../assets/icons/arrow_back.svg.js"),n=require("../../../assets/icons/chevronLeft.svg.js"),i=require("../../../assets/icons/chevronRight.svg.js"),s=require("../../../assets/icons/PlusIcon.js"),o=require("lodash"),r=require("react"),a=require("../../button/Button.js"),d=require("../../icon-button/IconButton.js"),u=require("../../product-picker-v2/modal.js"),c=require("../../product-picker-v2/type.js"),p=require("../Badge/index.js"),m=require("../context/templateModalContext.js"),x=require("./EditWhatsAppTemplateV2.js"),v=require("./ProductBox.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var h=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var g=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var j=require("../../template-preview/helpers/templateMiscHelper.js"),y=require("../../TypographyStyle.js");exports.default=f=>{let{template:b,whatsappSpecificPickerMeta:C,showVariableModal:R,variableListForImage:E,discountCode:O,setDiscountCode:I}=f;var S,k,q,w,P,T,B,L;const{selectedCarouselIndex:M,setTemplate:A,pickerConf:D,isProductCarouselType:F,pod:V,cardCount:W,carouselProducts:N,setCarouselProducts:$,isError:_,cardImages:z,disableEditVariable:G,onDeleteSelectedProducts:H,setSelectedCarouselIndex:K,setVariableCallback:J,setShowVariablePicker:Q,sliderRef:U}=m.useTemplateModalContext(),[X,Y]=r.useState(j.isRCSChannel(null==b?void 0:b.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(k=null===(S=null==b?void 0:b.mapping)\|\|void 0===S?void 0:S.body)\|\|void 0===k?void 0:k.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(w=null===(q=null==b?void 0:b.mapping)\|\|void 0===q?void 0:q.body)\|\|void 0===w?void 0:w.length)?"(Step 2/2)":"")),[Z,ee]=r.useState(!1),[te,le]=r.useState(!1),ne=M===(null!=W?W:-1)-1,ie=(null!=M?M:-1)<1;r.useEffect((()=>{var e,t,l,n;Y(j.isRCSChannel(null==b?void 0:b.channel)?"Carousel Cards":-1==M?"First Message (Step 1/2)":F?"Product Carousel "+((null===(t=null===(e=null==b?void 0:b.mapping)\|\|void 0===e?void 0:e.body)\|\|void 0===t?void 0:t.length)?"(Step 2/2)":""):"Carousel Cards "+((null===(n=null===(l=null==b?void 0:b.mapping)\|\|void 0===l?void 0:l.body)\|\|void 0===n?void 0:n.length)?"(Step 2/2)":""))}),[M]);const se=e=>{null==$\|\|$([{name:"variable",productName:e.actualValue}])};return r.useEffect((()=>{-1===M&&j.isRCSChannel(null==b?void 0:b.channel)&&(null==K\|\|K(0))}),[M,null==b?void 0:b.channel]),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"16px"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",alignItems:"center"}},{children:[!j.isRCSChannel(null==b?void 0:b.channel)&&null!=M&&M>=0&&!!(null===(T=null===(P=null==b?void 0:b.mapping)\|\|void 0===P?void 0:P.body)\|\|void 0===T?void 0:T.length)&&e.jsxRuntimeExports.jsx(d.IconButton,{Icon:l.default,onClick:()=>{null==K\|\|K(-1)}}),e.jsxRuntimeExports.jsx(y.TitleMedium,Object.assign({style:{marginLeft:10}},{children:X}))]})),F&&(null!==(B=null==N?void 0:N.length)&&void 0!==B?B:0)>0&&null!=M&&M>=0&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",rowGap:8,marginBottom:16,marginLeft:10,marginRight:10,flexDirection:"column"}},{children:[e.jsxRuntimeExports.jsx(v.ProductBox,{editItem:()=>{1===(null==N?void 0:N.length)&&"variable"===N[0].name?(J((()=>se)),Q(!0)):ee(!Z)},cardBody:1===(null==N?void 0:N.length)&&"variable"===N[0].name?`${N[0].productName}`:`${null==N?void 0:N.length} Products Selected`,hideIcon:1===(null==N?void 0:N.length)&&"variable"===N[0].name,deleteItem:()=>{var e;if(1===(null==N?void 0:N.length)&&"variable"===N[0].name)return void(null==$\|\|$([]));const t=o.cloneDeep(Object.assign({},b));t&&(z&&z.length>0?null==z\|\|z.forEach(((e,l)=>{var n;t.components[1].cards[l].components[0].example.header_handle=[null!==(n=z[l])&&void 0!==n?n:"https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})):null===(e=null==t?void 0:t.components[1].cards)\|\|void 0===e\|\|e.forEach(((e,l)=>{t.components[1].cards[l].components[0].example.header_handle=["https://res.cloudinary.com/drqhot9ot/image/upload/v1708753454/fake-product.png"]})),null==A\|\|A(t)),null==$\|\|$([]),null==H\|\|H()}}),N&&(null==N?void 0:N.length)>0&&"variable"!=N[0].name&&e.jsxRuntimeExports.jsx(a.Button,{disabled:(null!==(L=null==N?void 0:N.length)&&void 0!==L?L:0)<=1,style:{alignSelf:"flex-end"},onClick:()=>{le(!0),ee(!0)},buttonText:"Rearrange Products",buttonType:"tertiary"})]})),!G&&F&&0===(null==N?void 0:N.length)&&null!=M&&M>=0&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginLeft:12}},{children:[e.jsxRuntimeExports.jsx(y.TitleRegular,{children:"Product(s)"}),e.jsxRuntimeExports.jsx(y.BodySecondary,{children:`Select ${null!=W?W:1} products`})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginTop:16,marginBottom:16,marginLeft:_?16:12,marginRight:_?16:12,flexDirection:"column",display:"flex",alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(a.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",width:"100%",marginBottom:12,border:_?`2px dashed ${h.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s)",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",width:18,height:18}},{children:e.jsxRuntimeExports.jsx(s.default,{width:18,height:18,color:h.COLORS.content.secondary})})),onClick:e=>{ee(!0)}}),V===g.POD.CHATBOT&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flex:1,alignItems:"center",justifyContent:"space-between",flexDirection:"row",width:"100%"}},{children:[e.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginRight:8}}),e.jsxRuntimeExports.jsx(y.BodyCaption,Object.assign({style:{color:"#616161",overflow:"unset"}},{children:"OR"})),e.jsxRuntimeExports.jsx("div",{style:{width:"100%",height:1,backgroundColor:"#E0E0E0",marginLeft:8}})]})),e.jsxRuntimeExports.jsx(a.Button,{matchParentWidth:!0,style:{flex:1,display:"flex",marginTop:12,width:"100%",border:_?`2px dashed ${h.COLORS.content.negative}`:void 0},size:"medium",buttonText:"Add Product(s) Variable",buttonType:_?"tertiaryGray":"dashBold",LeadingIcon:()=>e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex"}},{children:e.jsxRuntimeExports.jsx(s.default,{width:18,height:18,color:h.COLORS.content.secondary})})),onClick:e=>{J((()=>se)),Q(!0)}})]})]})),_&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginLeft:10,marginBottom:16}},{children:e.jsxRuntimeExports.jsx(p.Badge,{padding:"8px",errorText:"Please add products"})}))]}),!F&&(null!=M?M:-1)>-1&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",background:h.COLORS.surface.hovered,alignItems:"center"}},{children:[e.jsxRuntimeExports.jsx(d.IconButton,{Icon:n.default,disabled:ie,width:8,height:14,svgStyle:ie?{}:{color:h.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)\|\|void 0===e\|\|e.slickPrev(),(null!=M?M:-1)<1\|\|null==K\|\|K((e=>e-1))}}),e.jsxRuntimeExports.jsx(y.TitleRegular,Object.assign({style:{flex:1,display:"flex",justifyContent:"center"},color:h.COLORS.content.secondary},{children:`Card ${(null!=M?M:0)+1}/${W}`})),e.jsxRuntimeExports.jsx(d.IconButton,{Icon:i.default,width:8,height:14,disabled:ne,svgStyle:ne?{}:{color:h.COLORS.content.secondary},onClick:()=>{var e;null===(e=null==U?void 0:U.current)\|\|void 0===e\|\|e.slickNext(),(null!=M?M:-1)>=(null!=W?W:-1)-1\|\|null==K\|\|K((e=>e+1))}})]})),e.jsxRuntimeExports.jsx(x.default,{whatsappSpecificPickerMeta:C,template:b,onTemplateChange:e=>{null==A\|\|A(e)},showVariableModal:R,variableListForImage:E,discountCode:O,setDiscountCode:I}),Z&&D&&e.jsxRuntimeExports.jsx(u.ProductPickerModal,{zIndex:200,startupScreen:te?c.ScreenName.RearrangeProducts:c.ScreenName.Collections,rearrangeEnabled:!0,storeId:D.storeId,selectedItems:(e=>{if(e.length>0){const t={};for(const l of e){const e=null==l?void 0:l.collectionId,n=l.productId,i=l.variantId;e in t\|\|(t[e]={products:{},name:"",image:"",isSmartCollection:!1}),n in t[e].products\|\|(t[e].products[n]={variants:{},name:(null==l?void 0:l.productName)\|\|"",image:(null==l?void 0:l.productImage)\|\|""}),t[e].products[n].variants[i]={name:(null==l?void 0:l.name)\|\|"",price:"",image:(null==l?void 0:l.image)\|\|"",quantity:l.quantity\|\|0,displayOrder:l.displayOrder}}return t}return{}})(null!=N?N:[]),collectionFetcher:D.fetchCollections,productFetcher:D.fetchProducts,onAdd:(e,t)=>{var l,n,i,s,r,a;le(!1);const d=[];delete e.isCustom;for(const t of Object.keys(e)){const o=e[t].products;if(void 0!==o&&Object.keys(o).length)for(const e of Object.keys(o)){const u=o[e].variants;if(void 0!==u&&Object.keys(u).length)for(const c of Object.keys(u)){const{name:p,image:m,quantity:x,displayOrder:v}=u[c],h={name:p,image:null!==(n=null!=m?m:null===(l=o[e])\|\|void 0===l?void 0:l.image)&&void 0!==n?n:"",quantity:x,variantId:c,productId:e,displayOrder:v,collectionId:t,productName:null!==(s=null===(i=o[e])\|\|void 0===i?void 0:i.name)&&void 0!==s?s:"",productImage:null!==(a=null===(r=o[e])\|\|void 0===r?void 0:r.image)&&void 0!==a?a:""};d.push(h)}}}const u=d.sort(((e,t)=>e.displayOrder-t.displayOrder)),c=d.map((e=>e.image)),p=o.cloneDeep(Object.assign({},b));p&&(c.forEach(((e,t)=>{var l;p.components[1].cards[t].components[0].example.header_handle=e?[e]:[null!==(l=null==z?void 0:z[t])&&void 0!==l?l:""]})),null==A\|\|A(p)),null==$\|\|$(u),ee(!1)},searchInCollectionFetcher:D.searchInCollection,searchFetcher:D.searchProducts,visible:Z,onClose:()=>{ee(!1)},exactLimit:null!=W?W:1,appType:D.appType\|\|t.ApplicationType.BIK})]}))};

package/dist/cjs/components/template-context-mapper/modalElements/EditWhatsAppTemplateV2.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),n=require("../../../node_modules/lodash/cloneDeep.js"),o=require("react"),i=require("styled-components"),l=require("../../input/Input.js"),a=require("../../input-with-vars/InputWithVariables.js"),s=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/TemplateMeta.js"),r=require("../../template-preview/models/WhatsAppTemplate.js"),u=require("../context/templateModalContext.js"),p=require("../utils/constants.js"),c=require("../utils/getDataFromTemplateComponent.js"),v=require("../utils/validateIsUrl.js"),m=require("../utils/validateName.js"),b=require("./BackTrackComponent.js"),g=require("./DiscountCodeComponent.js"),x=require("./EditMediaModal.js"),j=require("./EditMediaV2.js"),h=require("./EditMediaV2.style.js"),f=require("./useEditWhtasappTemplateMedia.js"),C=require("./VariableConnector.js"),T=require("./VariableConnectorsPanel.js"),E=require("./VariableConnectorWhatsApp.js"),O=require("./VariableEditorHeader.js"),y=require("./WhatsAppTemplateCardButtonV2.js");function R(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const V=R(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js");require("../../curtain/CurtainHelper.js");var t=require("../../variable-picker-v3/model.js"),n=require("lodash"),o=require("react"),i=require("styled-components"),l=require("../../input/Input.js"),a=require("../../input-with-vars/InputWithVariables.js"),s=require("../../template-preview/helpers/templateMiscHelper.js"),d=require("../../template-preview/models/TemplateMeta.js"),r=require("../../template-preview/models/WhatsAppTemplate.js"),u=require("../context/templateModalContext.js"),p=require("../utils/constants.js"),c=require("../utils/getDataFromTemplateComponent.js"),v=require("../utils/validateIsUrl.js"),m=require("../utils/validateName.js"),b=require("./BackTrackComponent.js"),g=require("./DiscountCodeComponent.js"),x=require("./EditMediaModal.js"),j=require("./EditMediaV2.js"),h=require("./EditMediaV2.style.js"),f=require("./useEditWhtasappTemplateMedia.js"),C=require("./VariableConnector.js"),T=require("./VariableConnectorsPanel.js"),E=require("./VariableConnectorWhatsApp.js"),O=require("./VariableEditorHeader.js"),y=require("./WhatsAppTemplateCardButtonV2.js");function R(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const V=R(i).default.div`
 	padding-top: 24px;
 	padding-left: 10px;
 	padding-right: 10px;
 	margin-bottom: 8px;
 	line-height: normal;
-`;exports.default=i=>{let{template:R,onTemplateChange:B,whatsappSpecificPickerMeta:M,showVariableModal:k,variableListForImage:I,setDiscountCode:q,fileName:D,setFileName:P}=i;var L,U,A,w,_,N,S,H,F,Q,Y,W,K,$,G,X,z,J,Z,ee,te,ne,oe,ie,le,ae,se,de,re,ue,pe,ce,ve,me,be,ge,xe,je,he;const fe=R.isCarouselType,{originalVariableList:Ce,pod:Te,extras:Ee,selectedCarouselIndex:Oe,isProductCarouselType:ye,disableCopyCode:Re,isError:Ve,cardIndex:Be}=u.useTemplateModalContext(),{descriptionComponents:Me,urlBtns:ke,qrbBtns:Ie,imageComponent:qe,bodyVariables:De,headerVariables:Pe,titleVariables:Le}=c.getAllDataFromTemplateComponent(R),Ue=o.useRef(null),[Ae,we]=o.useState(!1),[_e,Ne]=o.useState(-1===Oe?{descriptionComponents:Me,urlBtns:ke,qrbBtns:Ie,imageComponent:qe,bodyVariables:De,headerVariables:Pe,titleVariables:Le}:{}),{uploadMediaLink:Se,uploadMediaFiles:He,validateMimeType:Fe}=M,Qe=f.useEditWhatsappTemplateMedia({uploadMediaLink:Se,uploadMediaFiles:He,updateTemplateImageUrl:function(e,t){var o,i,l,a,s,d,r,u;let p;p=null!=Oe&&Oe>-1?{components:null===(i=null===(o=R.components[Be])||void 0===o?void 0:o.cards)||void 0===i?void 0:i[Oe].components,mapping:null===(a=null===(l=null==R?void 0:R.mapping)||void 0===l?void 0:l.cards)||void 0===a?void 0:a[Oe]}:Object.assign({},R);const c=null===(s=null==p?void 0:p.components)||void 0===s?void 0:s.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==c&&c>-1&&(null==p?void 0:p.components[c])){const n=Object.assign(Object.assign({},p.components[c]),{format:t,example:{header_handle:[e]}}),o=[...p.components];o[c]=n,p=Object.assign(Object.assign({},p),{components:o})}p.mapping&&(p.mapping=Object.assign(Object.assign({},p.mapping),{header:void 0}));if(null!=Oe&&Oe>-1){const e=n.default(R);e.components[Be].cards[Oe].components=p.components,(null===(d=null==e?void 0:e.mapping)||void 0===d?void 0:d.cards)&&(null===(r=null==e?void 0:e.mapping)||void 0===r?void 0:r.cards.length)>0&&(e.mapping.cards[Oe]=null!==(u=p.mapping)&&void 0!==u?u:{}),null==B||B(Object.assign({},e)),We(!0)}else null==B||B(Object.assign({},p))},validateMimeType:Fe,mediaComponent:fe?_e.imageComponent:qe,fileRef:Ue}),[Ye,We]=o.useState(!1),[Ke,$e]=o.useState(D),[Ge,Xe]=o.useState();function ze(e,t,o){var i,l,a,d,r,u,p,c,v,m;const b=null!=Oe&&Oe>-1?{components:null===(i=Object.assign({},R).components[Be].cards)||void 0===i?void 0:i[Oe].components,mapping:null===(l=Object.assign({},R).mapping.cards)||void 0===l?void 0:l[Oe]}:Object.assign({},R),g=n.default(b),x="custom"===t&&"string"==typeof e,j=x?e:"string"!=typeof e?e.defaultValue?e.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(null!=Oe&&Oe>-1&&ye){const t=Object.assign({},R).components.map((e=>{var t;return s.isCarouselComponent(e.type)?Object.assign(Object.assign({},e),{cards:null===(t=e.cards)||void 0===t?void 0:t.map((e=>Object.assign(Object.assign({},e),{components:e.components.map((e=>{var t,n,i;if("BUTTONS"===e.type){const l=null===(t=e.buttons)||void 0===t?void 0:t.filter((e=>"URL"===e.type));let a=null!==(n=null==l?void 0:l[o])&&void 0!==n?n:{};a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[j]});const s=null===(i=e.buttons)||void 0===i?void 0:i.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e));return Object.assign(Object.assign({},e),{buttons:s})}return e}))})))}):e})),i=null===(d=null===(a=Object.assign({},R).mapping)||void 0===a?void 0:a.cards)||void 0===d?void 0:d.map((t=>{var n;return Object.assign(Object.assign({},t),{buttons:null===(n=null==t?void 0:t.buttons)||void 0===n?void 0:n.map(((t,n)=>n===o?x?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"":t))})})),l=n.default(R);return l.components=t,l.mapping.cards=i,void(null==B||B(Object.assign({},l)))}const h=null==g?void 0:g.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==h&&h>-1){const n=null===(r=null==g?void 0:g.components[h].buttons)||void 0===r?void 0:r.filter((e=>"URL"===e.type));if((null==n?void 0:n.length)>0){const i="custom"===t&&"string"==typeof e,l=i?e:"string"!=typeof e&&e.defaultValue?e.defaultValue:"https://d.bik.ai/";let a=n[o];a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[l]});const s=[...null!==(c=null===(p=null===(u=g.components)||void 0===u?void 0:u[h])||void 0===p?void 0:p.buttons)&&void 0!==c?c:[]].map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e)),d=Object.assign(Object.assign({},g.components[h]),{buttons:s}),r=null===(v=g.mapping)||void 0===v?void 0:v.buttons;r&&r.length>0&&(r[o]=i?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"");const m=Object.assign(Object.assign({},g.mapping),{buttons:r});g.mapping=m;const b=[...g.components];b[h]=d,g.components=b}}if("string"!=typeof e){"checkout.checkoutUrl"===(null===(m=e.placeHolder)||void 0===m?void 0:m.slice(2,-2))?we(!0):(we(!1),null==q||q(""))}if(null!=Oe&&Oe>-1){const e=n.default(R);e.components[Be].cards[Oe].components=g.components,e.mapping.cards[Oe]=g.mapping,null==B||B(Object.assign({},e))}else null==B||B(g)}function Je(e,t,o){var i,l,a,d,r,u,p;const c=null!=Oe&&Oe>-1?{components:null===(i=Object.assign({},R).components[Be].cards)||void 0===i?void 0:i[Oe].components,mapping:null===(l=Object.assign({},R).mapping.cards)||void 0===l?void 0:l[Oe]}:Object.assign({},R);if(null!=Oe&&Oe>-1&&ye){const t=Object.assign({},R).components.map((t=>{var n;return s.isCarouselComponent(t.type)?Object.assign(Object.assign({},t),{cards:null===(n=t.cards)||void 0===n?void 0:n.map((t=>Object.assign(Object.assign({},t),{components:t.components.map((t=>{var n,i,l;if("BUTTONS"===t.type){const a=null===(n=null==t?void 0:t.buttons)||void 0===n?void 0:n.filter((e=>"QUICK_REPLY"===e.type));let s=null!==(i=null==a?void 0:a[o])&&void 0!==i?i:{};s=Object.assign(Object.assign({},s),{flowId:e.flowId,flowName:e.flowName});const d=null===(l=null==t?void 0:t.buttons)||void 0===l?void 0:l.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==s?void 0:s.text)?s:e));return Object.assign(Object.assign({},t),{buttons:d})}return t}))})))}):t})),i=n.default(R);return i.components=t,void(null==B||B(Object.assign({},i)))}const v=null==c?void 0:c.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==v&&v>-1){const t=null===(d=null===(a=null==c?void 0:c.components[v])||void 0===a?void 0:a.buttons)||void 0===d?void 0:d.filter((e=>"QUICK_REPLY"===e.type));if(t){let n=t[o];n=Object.assign(Object.assign({},n),{flowId:e.flowId,flowName:e.flowName});const i=[...null!==(p=null===(u=null===(r=c.components)||void 0===r?void 0:r[v])||void 0===u?void 0:u.buttons)&&void 0!==p?p:[]].map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==n?void 0:n.text)?n:e)),l=Object.assign(Object.assign({},c.components[v]),{buttons:i}),a=[...c.components];a[v]=l,c.components=a}}if(null!=Oe&&Oe>-1){const e=n.default(R);e.components[Be].cards[Oe].components=c.components,null==B||B(Object.assign({},e))}else null==B||B(c)}o.useEffect((()=>{var e,t;if(null===(e=R.mapping.buttons)||void 0===e?void 0:e.find((e=>"checkout.checkoutUrl"===e.slice(2,-2))))we(!0);else{we(!1);const e=null===(t=null==Ee?void 0:Ee.discountCodeExtra)||void 0===t?void 0:t[1];null==e||e("")}}),[R]),o.useEffect((()=>{var e,t,n,o;if(null!=Oe&&Oe>-1){const i={components:null===(t=null===(e=R.components[Be])||void 0===e?void 0:e.cards)||void 0===t?void 0:t[Oe].components,mapping:null===(o=null===(n=null==R?void 0:R.mapping)||void 0===n?void 0:n.cards)||void 0===o?void 0:o[Oe]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p}=c.getAllDataFromTemplateComponent(i);Ne({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p})}else if(null!=Oe&&-1===Oe){const{descriptionComponents:e,urlBtns:t,qrbBtns:n,imageComponent:o,bodyVariables:i,headerVariables:l,titleVariables:a}=c.getAllDataFromTemplateComponent(R);Ne({descriptionComponents:e,urlBtns:t,qrbBtns:n,imageComponent:o,bodyVariables:i,headerVariables:l,titleVariables:a})}}),[Oe]),o.useEffect((()=>{var e,t,n,o;if(null!=Oe&&Oe>-1&&Ye){const i={components:null===(t=null===(e=R.components[Be])||void 0===e?void 0:e.cards)||void 0===t?void 0:t[Oe].components,mapping:null===(o=null===(n=null==R?void 0:R.mapping)||void 0===n?void 0:n.cards)||void 0===o?void 0:o[Oe]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p}=c.getAllDataFromTemplateComponent(i);Ne({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p}),We(!1)}}),[Ye]);o.useEffect((()=>{Ve&&Te===r.POD.CHATBOT&&(()=>{if(!D)return void Xe("PDF name is Required");const e=m.validateInputNameChatbot(D);null==P||P(null!=D?D:""),Xe(e?"Please enter a valid PDF name":void 0)})()}),[Ve]);const Ze=fe?_e.imageComponent:qe;return Qe.openEditMedia?e.jsxRuntimeExports.jsx(T.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsxRuntimeExports.jsx(x.default,{mediaComponentFormat:null!==(L=Ze.format)&&void 0!==L?L:d.HEADER_TYPES.IMAGE,uploadMedia:Qe.uploadMedia,variableListForImage:I||[],useEditWhatsappTemplateMediaResponse:Qe,setOpenEditMedia:Qe.setOpenEditMedia,openEditMedia:Qe.openEditMedia,editIconRef:Qe.editIconRef,fileRef:Ue})})):e.jsxRuntimeExports.jsxs(T.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:ye?"420px":"auto"}},{children:[!!_e.imageComponent&&!ye&&!s.isRCSChannel(null==R?void 0:R.channel)&&e.jsxRuntimeExports.jsxs(h.EditTemplateMediaContainer,{children:[e.jsxRuntimeExports.jsx(j.default,{imageName:null!==(A=null===(U=null==Ze?void 0:Ze.example)||void 0===U?void 0:U.header_handle)&&void 0!==A?A:[],handleImageChange:Qe.handleImageChange,mediaType:null==Ze?void 0:Ze.format,error:Qe.error,isLoading:Qe.loading,setOpenEditMedia:Qe.setOpenEditMedia,selectedVariable:v.isVariable(null!==(N=null===(_=null===(w=null==Ze?void 0:Ze.example)||void 0===w?void 0:w.header_handle)||void 0===_?void 0:_[0])&&void 0!==N?N:"")?null===(H=null===(S=null==Ze?void 0:Ze.example)||void 0===S?void 0:S.header_handle)||void 0===H?void 0:H[0]:(null===(Q=null===(F=null==R?void 0:R.mapping)||void 0===F?void 0:F.header)||void 0===Q?void 0:Q[0])?null===(W=null===(Y=null==R?void 0:R.mapping)||void 0===Y?void 0:Y.header)||void 0===W?void 0:W[0]:Qe.selectedVariable}),(null==qe?void 0:qe.format)==d.HEADER_TYPES.DOCUMENT?e.jsxRuntimeExports.jsx(V,{children:Te===r.POD.CHATBOT?e.jsxRuntimeExports.jsx(a.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:Ge||void 0,onChange:e=>{var t;Xe(""),null==P||P(null!==(t=null==e?void 0:e.actualValue)&&void 0!==t?t:"")},pickerType:t.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:null!=D?D:"",variableType:"string"},variablesList:I,showAddButton:!0}):e.jsxRuntimeExports.jsx(l.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:Ke,errorMessage:Ge||void 0,onBlur:()=>{if(!Ke)return null==P||P(""),void Xe("PDF name is Required");const e=m.validateInputName(Ke);null==P||P(Ke),Xe(e?"Please enter a valid PDF name":void 0)},onChangeText:e=>{Xe(""),$e(e)}})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}),(null===(K=_e.bodyVariables)||void 0===K?void 0:K.length)>0&&e.jsxRuntimeExports.jsx(O.default,{containerStyle:{paddingTop:_e.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null===($=_e.descriptionComponents)||void 0===$?void 0:$.map(((t,n)=>e.jsxRuntimeExports.jsx(E.default,{originalVariableList:null!=Oe&&Oe>-1?Ce.cards[Oe]:Ce,type:t.type,descriptionComponent:t.component,showVariableModal:k},n))),(null===(z=null===(X=null!=Oe&&Oe>-1?null===(G=Ce.cards[Oe])||void 0===G?void 0:G.buttons:null==Ce?void 0:Ce.buttons)||void 0===X?void 0:X.filter((e=>"URL"===e.type)))||void 0===z?void 0:z.length)>0&&e.jsxRuntimeExports.jsx(O.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(ee=null===(Z=null!=Oe&&Oe>-1?null===(J=Ce.cards[Oe])||void 0===J?void 0:J.buttons:null==Ce?void 0:Ce.buttons)||void 0===Z?void 0:Z.filter((e=>Te===r.POD.CHATBOT||"URL"===e.type)))||void 0===ee?void 0:ee.map(((t,n)=>{const o=t.buttonVariable===p.STATIC_URL_VARIABLE_NAME,i=t.buttonVariable===p.UNSUBSCRIBE_URL_VARIABLE;if("URL"===t.type)return e.jsxRuntimeExports.jsx(y.default,{variableListIndex:n,disableEdit:o||i,CTAoptions:null==M?void 0:M.CTAoptions,button:t,currentVariableList:null!=Oe&&Oe>-1?Object.assign({},Ce.cards[Oe]):Object.assign({},Ce),updateSelectedURLTemplateBtn:ze},`${n}_${Oe}`)})),Te===r.POD.CHATBOT&&(null===(ne=null===(te=Ie[0])||void 0===te?void 0:te.component)||void 0===ne?void 0:ne.buttons)&&(null===(le=null===(ie=null===(oe=Ie[0])||void 0===oe?void 0:oe.component)||void 0===ie?void 0:ie.buttons)||void 0===le?void 0:le.length)>0&&e.jsxRuntimeExports.jsx(b.BackTrackComponent,{backTrackMessage:null===(ae=null==Ee?void 0:Ee.backTrackExtra)||void 0===ae?void 0:ae[0],setBackTrackMessage:null===(se=null==Ee?void 0:Ee.backTrackExtra)||void 0===se?void 0:se[1]}),!s.isRCSChannel(null==R?void 0:R.channel)&&(null===(ue=null===(re=null!=Oe&&Oe>-1?null===(de=Ce.cards[Oe])||void 0===de?void 0:de.buttons:null==Ce?void 0:Ce.buttons)||void 0===re?void 0:re.filter((e=>"QUICK_REPLY"===e.type)))||void 0===ue?void 0:ue.length)>0&&(Te!==r.POD.CHATBOT?e.jsxRuntimeExports.jsx(O.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):e.jsxRuntimeExports.jsx(b.BackTrackComponent,{backTrackMessage:null===(pe=null==Ee?void 0:Ee.backTrackExtra)||void 0===pe?void 0:pe[0],setBackTrackMessage:null===(ce=null==Ee?void 0:Ee.backTrackExtra)||void 0===ce?void 0:ce[1]})),!s.isRCSChannel(null==R?void 0:R.channel)&&(null===(be=null===(me=null!=Oe&&Oe>-1?null===(ve=Ce.cards[Oe])||void 0===ve?void 0:ve.buttons:null==Ce?void 0:Ce.buttons)||void 0===me?void 0:me.filter((e=>"QUICK_REPLY"===e.type)))||void 0===be?void 0:be.map(((t,n)=>{if("QUICK_REPLY"===t.type&&Te!==r.POD.CHATBOT)return e.jsxRuntimeExports.jsx(y.default,{variableListIndex:n,QRBoptions:null==M?void 0:M.QRBoptions,button:t,currentVariableList:null!=Oe&&Oe>-1?Object.assign({},Ce.cards[Oe]):Object.assign({},Ce),updateSelectedQRBTemplateBtn:Je},`${n}_${Oe}`)}))),Te===r.POD.CHATBOT&&Ae&&e.jsxRuntimeExports.jsx(g.DiscountCodeComponent,{discountCode:null===(ge=null==Ee?void 0:Ee.discountCodeExtra)||void 0===ge?void 0:ge[0],setDiscountCode:null===(xe=null==Ee?void 0:Ee.discountCodeExtra)||void 0===xe?void 0:xe[1]}),null===(he=null!=Oe&&Oe>-1?null===(je=Ce.cards[Oe])||void 0===je?void 0:je.buttons:null==Ce?void 0:Ce.buttons)||void 0===he?void 0:he.map(((t,n)=>{var o,i,a,s,d;if("COPY_CODE"===t.type)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Re?e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:20,borderRadius:4,padding:"8px 10px"}},{children:e.jsxRuntimeExports.jsx(l.Input,{state:"disabled",labelText:null!==(o=t.text)&&void 0!==o?o:"Copy Code",value:null!==(i=t.buttonVariable)&&void 0!==i?i:"",onChangeText:()=>{}})})):e.jsxRuntimeExports.jsx(C.default,{index:n,variable:{variableName:null!==(a=t.text)&&void 0!==a?a:"Copy Code",updatedValue:null!==(s=t.buttonVariable)&&void 0!==s?s:"",type:"string",isEditableVariable:!0,index:null!==(d=t.index)&&void 0!==d?d:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},n)})}))]}))};
+`;exports.default=i=>{let{template:R,onTemplateChange:B,whatsappSpecificPickerMeta:M,showVariableModal:k,variableListForImage:I,setDiscountCode:D,fileName:q,setFileName:P}=i;var L,U,A,w,_,N,S,H,F,Q,Y,W,K,$,G,X,z,J,Z,ee,te,ne,oe,ie,le,ae,se,de,re,ue,pe,ce,ve,me,be,ge,xe,je,he;const fe=R.isCarouselType,{originalVariableList:Ce,pod:Te,extras:Ee,selectedCarouselIndex:Oe,isProductCarouselType:ye,disableCopyCode:Re,isError:Ve,cardIndex:Be}=u.useTemplateModalContext(),{descriptionComponents:Me,urlBtns:ke,qrbBtns:Ie,imageComponent:De,bodyVariables:qe,headerVariables:Pe,titleVariables:Le}=c.getAllDataFromTemplateComponent(R),Ue=o.useRef(null),[Ae,we]=o.useState(!1),[_e,Ne]=o.useState(-1===Oe?{descriptionComponents:Me,urlBtns:ke,qrbBtns:Ie,imageComponent:De,bodyVariables:qe,headerVariables:Pe,titleVariables:Le}:{}),{uploadMediaLink:Se,uploadMediaFiles:He,validateMimeType:Fe}=M,Qe=f.useEditWhatsappTemplateMedia({uploadMediaLink:Se,uploadMediaFiles:He,updateTemplateImageUrl:function(e,t){var o,i,l,a,s,d,r,u;let p;p=null!=Oe&&Oe>-1?{components:null===(i=null===(o=R.components[Be])||void 0===o?void 0:o.cards)||void 0===i?void 0:i[Oe].components,mapping:null===(a=null===(l=null==R?void 0:R.mapping)||void 0===l?void 0:l.cards)||void 0===a?void 0:a[Oe]}:Object.assign({},R);const c=null===(s=null==p?void 0:p.components)||void 0===s?void 0:s.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==c&&c>-1&&(null==p?void 0:p.components[c])){const n=Object.assign(Object.assign({},p.components[c]),{format:t,example:{header_handle:[e]}}),o=[...p.components];o[c]=n,p=Object.assign(Object.assign({},p),{components:o})}p.mapping&&(p.mapping=Object.assign(Object.assign({},p.mapping),{header:void 0}));if(null!=Oe&&Oe>-1){const e=n.cloneDeep(R);e.components[Be].cards[Oe].components=p.components,(null===(d=null==e?void 0:e.mapping)||void 0===d?void 0:d.cards)&&(null===(r=null==e?void 0:e.mapping)||void 0===r?void 0:r.cards.length)>0&&(e.mapping.cards[Oe]=null!==(u=p.mapping)&&void 0!==u?u:{}),null==B||B(Object.assign({},e)),We(!0)}else null==B||B(Object.assign({},p))},validateMimeType:Fe,mediaComponent:fe?_e.imageComponent:De,fileRef:Ue}),[Ye,We]=o.useState(!1),[Ke,$e]=o.useState(q),[Ge,Xe]=o.useState();function ze(e,t,o){var i,l,a,d,r,u,p,c,v,m;const b=null!=Oe&&Oe>-1?{components:null===(i=Object.assign({},R).components[Be].cards)||void 0===i?void 0:i[Oe].components,mapping:null===(l=Object.assign({},R).mapping.cards)||void 0===l?void 0:l[Oe]}:Object.assign({},R),g=n.cloneDeep(b),x="custom"===t&&"string"==typeof e,j=x?e:"string"!=typeof e?e.defaultValue?e.defaultValue:"https://d.bik.ai/":"https://d.bik.ai";if(null!=Oe&&Oe>-1&&ye){const t=Object.assign({},R).components.map((e=>{var t;return s.isCarouselComponent(e.type)?Object.assign(Object.assign({},e),{cards:null===(t=e.cards)||void 0===t?void 0:t.map((e=>Object.assign(Object.assign({},e),{components:e.components.map((e=>{var t,n,i;if("BUTTONS"===e.type){const l=null===(t=e.buttons)||void 0===t?void 0:t.filter((e=>"URL"===e.type));let a=null!==(n=null==l?void 0:l[o])&&void 0!==n?n:{};a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[j]});const s=null===(i=e.buttons)||void 0===i?void 0:i.map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e));return Object.assign(Object.assign({},e),{buttons:s})}return e}))})))}):e})),i=null===(d=null===(a=Object.assign({},R).mapping)||void 0===a?void 0:a.cards)||void 0===d?void 0:d.map((t=>{var n;return Object.assign(Object.assign({},t),{buttons:null===(n=null==t?void 0:t.buttons)||void 0===n?void 0:n.map(((t,n)=>n===o?x?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"":t))})})),l=n.cloneDeep(R);return l.components=t,l.mapping.cards=i,void(null==B||B(Object.assign({},l)))}const h=null==g?void 0:g.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==h&&h>-1){const n=null===(r=null==g?void 0:g.components[h].buttons)||void 0===r?void 0:r.filter((e=>"URL"===e.type));if((null==n?void 0:n.length)>0){const i="custom"===t&&"string"==typeof e,l=i?e:"string"!=typeof e&&e.defaultValue?e.defaultValue:"https://d.bik.ai/";let a=n[o];a=Object.assign(Object.assign({},a),{url:"https://d.bik.ai/{{1}}",example:[l]});const s=[...null!==(c=null===(p=null===(u=g.components)||void 0===u?void 0:u[h])||void 0===p?void 0:p.buttons)&&void 0!==c?c:[]].map((e=>"URL"===e.type&&(null==e?void 0:e.text)===(null==a?void 0:a.text)?a:e)),d=Object.assign(Object.assign({},g.components[h]),{buttons:s}),r=null===(v=g.mapping)||void 0===v?void 0:v.buttons;r&&r.length>0&&(r[o]=i?"((customBtnPlaceholder))":"string"!=typeof e?e.placeHolder:"");const m=Object.assign(Object.assign({},g.mapping),{buttons:r});g.mapping=m;const b=[...g.components];b[h]=d,g.components=b}}if("string"!=typeof e){"checkout.checkoutUrl"===(null===(m=e.placeHolder)||void 0===m?void 0:m.slice(2,-2))?we(!0):(we(!1),null==D||D(""))}if(null!=Oe&&Oe>-1){const e=n.cloneDeep(R);e.components[Be].cards[Oe].components=g.components,e.mapping.cards[Oe]=g.mapping,null==B||B(Object.assign({},e))}else null==B||B(g)}function Je(e,t,o){var i,l,a,d,r,u,p;const c=null!=Oe&&Oe>-1?{components:null===(i=Object.assign({},R).components[Be].cards)||void 0===i?void 0:i[Oe].components,mapping:null===(l=Object.assign({},R).mapping.cards)||void 0===l?void 0:l[Oe]}:Object.assign({},R);if(null!=Oe&&Oe>-1&&ye){const t=Object.assign({},R).components.map((t=>{var n;return s.isCarouselComponent(t.type)?Object.assign(Object.assign({},t),{cards:null===(n=t.cards)||void 0===n?void 0:n.map((t=>Object.assign(Object.assign({},t),{components:t.components.map((t=>{var n,i,l;if("BUTTONS"===t.type){const a=null===(n=null==t?void 0:t.buttons)||void 0===n?void 0:n.filter((e=>"QUICK_REPLY"===e.type));let s=null!==(i=null==a?void 0:a[o])&&void 0!==i?i:{};s=Object.assign(Object.assign({},s),{flowId:e.flowId,flowName:e.flowName});const d=null===(l=null==t?void 0:t.buttons)||void 0===l?void 0:l.map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==s?void 0:s.text)?s:e));return Object.assign(Object.assign({},t),{buttons:d})}return t}))})))}):t})),i=n.cloneDeep(R);return i.components=t,void(null==B||B(Object.assign({},i)))}const v=null==c?void 0:c.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==v&&v>-1){const t=null===(d=null===(a=null==c?void 0:c.components[v])||void 0===a?void 0:a.buttons)||void 0===d?void 0:d.filter((e=>"QUICK_REPLY"===e.type));if(t){let n=t[o];n=Object.assign(Object.assign({},n),{flowId:e.flowId,flowName:e.flowName});const i=[...null!==(p=null===(u=null===(r=c.components)||void 0===r?void 0:r[v])||void 0===u?void 0:u.buttons)&&void 0!==p?p:[]].map((e=>"QUICK_REPLY"===e.type&&(null==e?void 0:e.text)===(null==n?void 0:n.text)?n:e)),l=Object.assign(Object.assign({},c.components[v]),{buttons:i}),a=[...c.components];a[v]=l,c.components=a}}if(null!=Oe&&Oe>-1){const e=n.cloneDeep(R);e.components[Be].cards[Oe].components=c.components,null==B||B(Object.assign({},e))}else null==B||B(c)}o.useEffect((()=>{var e,t;if(null===(e=R.mapping.buttons)||void 0===e?void 0:e.find((e=>"checkout.checkoutUrl"===e.slice(2,-2))))we(!0);else{we(!1);const e=null===(t=null==Ee?void 0:Ee.discountCodeExtra)||void 0===t?void 0:t[1];null==e||e("")}}),[R]),o.useEffect((()=>{var e,t,n,o;if(null!=Oe&&Oe>-1){const i={components:null===(t=null===(e=R.components[Be])||void 0===e?void 0:e.cards)||void 0===t?void 0:t[Oe].components,mapping:null===(o=null===(n=null==R?void 0:R.mapping)||void 0===n?void 0:n.cards)||void 0===o?void 0:o[Oe]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p}=c.getAllDataFromTemplateComponent(i);Ne({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p})}else if(null!=Oe&&-1===Oe){const{descriptionComponents:e,urlBtns:t,qrbBtns:n,imageComponent:o,bodyVariables:i,headerVariables:l,titleVariables:a}=c.getAllDataFromTemplateComponent(R);Ne({descriptionComponents:e,urlBtns:t,qrbBtns:n,imageComponent:o,bodyVariables:i,headerVariables:l,titleVariables:a})}}),[Oe]),o.useEffect((()=>{var e,t,n,o;if(null!=Oe&&Oe>-1&&Ye){const i={components:null===(t=null===(e=R.components[Be])||void 0===e?void 0:e.cards)||void 0===t?void 0:t[Oe].components,mapping:null===(o=null===(n=null==R?void 0:R.mapping)||void 0===n?void 0:n.cards)||void 0===o?void 0:o[Oe]},{descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p}=c.getAllDataFromTemplateComponent(i);Ne({descriptionComponents:l,urlBtns:a,qrbBtns:s,imageComponent:d,bodyVariables:r,headerVariables:u,titleVariables:p}),We(!1)}}),[Ye]);o.useEffect((()=>{Ve&&Te===r.POD.CHATBOT&&(()=>{if(!q)return void Xe("PDF name is Required");const e=m.validateInputNameChatbot(q);null==P||P(null!=q?q:""),Xe(e?"Please enter a valid PDF name":void 0)})()}),[Ve]);const Ze=fe?_e.imageComponent:De;return Qe.openEditMedia?e.jsxRuntimeExports.jsx(T.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460}},{children:e.jsxRuntimeExports.jsx(x.default,{mediaComponentFormat:null!==(L=Ze.format)&&void 0!==L?L:d.HEADER_TYPES.IMAGE,uploadMedia:Qe.uploadMedia,variableListForImage:I||[],useEditWhatsappTemplateMediaResponse:Qe,setOpenEditMedia:Qe.setOpenEditMedia,openEditMedia:Qe.openEditMedia,editIconRef:Qe.editIconRef,fileRef:Ue})})):e.jsxRuntimeExports.jsxs(T.Container,Object.assign({style:{flexDirection:"column",width:400,maxHeight:460,minWidth:ye?"420px":"auto"}},{children:[!!_e.imageComponent&&!ye&&!s.isRCSChannel(null==R?void 0:R.channel)&&e.jsxRuntimeExports.jsxs(h.EditTemplateMediaContainer,{children:[e.jsxRuntimeExports.jsx(j.default,{imageName:null!==(A=null===(U=null==Ze?void 0:Ze.example)||void 0===U?void 0:U.header_handle)&&void 0!==A?A:[],handleImageChange:Qe.handleImageChange,mediaType:null==Ze?void 0:Ze.format,error:Qe.error,isLoading:Qe.loading,setOpenEditMedia:Qe.setOpenEditMedia,selectedVariable:v.isVariable(null!==(N=null===(_=null===(w=null==Ze?void 0:Ze.example)||void 0===w?void 0:w.header_handle)||void 0===_?void 0:_[0])&&void 0!==N?N:"")?null===(H=null===(S=null==Ze?void 0:Ze.example)||void 0===S?void 0:S.header_handle)||void 0===H?void 0:H[0]:(null===(Q=null===(F=null==R?void 0:R.mapping)||void 0===F?void 0:F.header)||void 0===Q?void 0:Q[0])?null===(W=null===(Y=null==R?void 0:R.mapping)||void 0===Y?void 0:Y.header)||void 0===W?void 0:W[0]:Qe.selectedVariable}),(null==De?void 0:De.format)==d.HEADER_TYPES.DOCUMENT?e.jsxRuntimeExports.jsx(V,{children:Te===r.POD.CHATBOT?e.jsxRuntimeExports.jsx(a.InputWithVariables,{labelText:"PDF Name",placeHolder:"Enter the name",errorMessage:Ge||void 0,onChange:e=>{var t;Xe(""),null==P||P(null!==(t=null==e?void 0:e.actualValue)&&void 0!==t?t:"")},pickerType:t.PickerType.EMBEDDED,noMaxCharCheck:!0,allowMix:!0,showVarHeader:!0,varHeaderText:"Select variable",prevVariable:{actualValue:null!=q?q:"",variableType:"string"},variablesList:I,showAddButton:!0}):e.jsxRuntimeExports.jsx(l.Input,{labelText:"PDF Name",placeholder:"Enter the name",value:Ke,errorMessage:Ge||void 0,onBlur:()=>{if(!Ke)return null==P||P(""),void Xe("PDF name is Required");const e=m.validateInputName(Ke);null==P||P(Ke),Xe(e?"Please enter a valid PDF name":void 0)},onChangeText:e=>{Xe(""),$e(e)}})}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{})]}),(null===(K=_e.bodyVariables)||void 0===K?void 0:K.length)>0&&e.jsxRuntimeExports.jsx(O.default,{containerStyle:{paddingTop:_e.mediaComponent?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null===($=_e.descriptionComponents)||void 0===$?void 0:$.map(((t,n)=>e.jsxRuntimeExports.jsx(E.default,{originalVariableList:null!=Oe&&Oe>-1?Ce.cards[Oe]:Ce,type:t.type,descriptionComponent:t.component,showVariableModal:k},n))),(null===(z=null===(X=null!=Oe&&Oe>-1?null===(G=Ce.cards[Oe])||void 0===G?void 0:G.buttons:null==Ce?void 0:Ce.buttons)||void 0===X?void 0:X.filter((e=>"URL"===e.type)))||void 0===z?void 0:z.length)>0&&e.jsxRuntimeExports.jsx(O.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(ee=null===(Z=null!=Oe&&Oe>-1?null===(J=Ce.cards[Oe])||void 0===J?void 0:J.buttons:null==Ce?void 0:Ce.buttons)||void 0===Z?void 0:Z.filter((e=>Te===r.POD.CHATBOT||"URL"===e.type)))||void 0===ee?void 0:ee.map(((t,n)=>{const o=t.buttonVariable===p.STATIC_URL_VARIABLE_NAME,i=t.buttonVariable===p.UNSUBSCRIBE_URL_VARIABLE;if("URL"===t.type)return e.jsxRuntimeExports.jsx(y.default,{variableListIndex:n,disableEdit:o||i,CTAoptions:null==M?void 0:M.CTAoptions,button:t,currentVariableList:null!=Oe&&Oe>-1?Object.assign({},Ce.cards[Oe]):Object.assign({},Ce),updateSelectedURLTemplateBtn:ze},`${n}_${Oe}`)})),Te===r.POD.CHATBOT&&(null===(ne=null===(te=Ie[0])||void 0===te?void 0:te.component)||void 0===ne?void 0:ne.buttons)&&(null===(le=null===(ie=null===(oe=Ie[0])||void 0===oe?void 0:oe.component)||void 0===ie?void 0:ie.buttons)||void 0===le?void 0:le.length)>0&&e.jsxRuntimeExports.jsx(b.BackTrackComponent,{backTrackMessage:null===(ae=null==Ee?void 0:Ee.backTrackExtra)||void 0===ae?void 0:ae[0],setBackTrackMessage:null===(se=null==Ee?void 0:Ee.backTrackExtra)||void 0===se?void 0:se[1]}),!s.isRCSChannel(null==R?void 0:R.channel)&&(null===(ue=null===(re=null!=Oe&&Oe>-1?null===(de=Ce.cards[Oe])||void 0===de?void 0:de.buttons:null==Ce?void 0:Ce.buttons)||void 0===re?void 0:re.filter((e=>"QUICK_REPLY"===e.type)))||void 0===ue?void 0:ue.length)>0&&(Te!==r.POD.CHATBOT?e.jsxRuntimeExports.jsx(O.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}):e.jsxRuntimeExports.jsx(b.BackTrackComponent,{backTrackMessage:null===(pe=null==Ee?void 0:Ee.backTrackExtra)||void 0===pe?void 0:pe[0],setBackTrackMessage:null===(ce=null==Ee?void 0:Ee.backTrackExtra)||void 0===ce?void 0:ce[1]})),!s.isRCSChannel(null==R?void 0:R.channel)&&(null===(be=null===(me=null!=Oe&&Oe>-1?null===(ve=Ce.cards[Oe])||void 0===ve?void 0:ve.buttons:null==Ce?void 0:Ce.buttons)||void 0===me?void 0:me.filter((e=>"QUICK_REPLY"===e.type)))||void 0===be?void 0:be.map(((t,n)=>{if("QUICK_REPLY"===t.type&&Te!==r.POD.CHATBOT)return e.jsxRuntimeExports.jsx(y.default,{variableListIndex:n,QRBoptions:null==M?void 0:M.QRBoptions,button:t,currentVariableList:null!=Oe&&Oe>-1?Object.assign({},Ce.cards[Oe]):Object.assign({},Ce),updateSelectedQRBTemplateBtn:Je},`${n}_${Oe}`)}))),Te===r.POD.CHATBOT&&Ae&&e.jsxRuntimeExports.jsx(g.DiscountCodeComponent,{discountCode:null===(ge=null==Ee?void 0:Ee.discountCodeExtra)||void 0===ge?void 0:ge[0],setDiscountCode:null===(xe=null==Ee?void 0:Ee.discountCodeExtra)||void 0===xe?void 0:xe[1]}),null===(he=null!=Oe&&Oe>-1?null===(je=Ce.cards[Oe])||void 0===je?void 0:je.buttons:null==Ce?void 0:Ce.buttons)||void 0===he?void 0:he.map(((t,n)=>{var o,i,a,s,d;if("COPY_CODE"===t.type)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:Re?e.jsxRuntimeExports.jsx("div",Object.assign({style:{marginBottom:20,borderRadius:4,padding:"8px 10px"}},{children:e.jsxRuntimeExports.jsx(l.Input,{state:"disabled",labelText:null!==(o=t.text)&&void 0!==o?o:"Copy Code",value:null!==(i=t.buttonVariable)&&void 0!==i?i:"",onChangeText:()=>{}})})):e.jsxRuntimeExports.jsx(C.default,{index:n,variable:{variableName:null!==(a=t.text)&&void 0!==a?a:"Copy Code",updatedValue:null!==(s=t.buttonVariable)&&void 0!==s?s:"",type:"string",isEditableVariable:!0,index:null!==(d=t.index)&&void 0!==d?d:0},showVariableModal:!0,componentType:"BUTTONS",buttonType:t.type},n)})}))]}))};