@bikdotai/bik-component-library 0.0.733-beta.1 → 0.0.733

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

@@ -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}),{});
+"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/product-picker-v2/variant.d.ts

@@ -1,6 +1,16 @@
 /// <reference types="react" />
-import type { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';
+import { ProductVariant } from './modal';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+/**
+ * Extended type from Product Variant, which contains ids and name.
+ */
+export type ProductVariantForRearrange = ProductVariant & {
+    variantId: string;
+    productId: string;
+    collectionId: string;
+    productName: string;
+};
 /**
  * Props type for variant card in rearrange screen
  */

package/dist/cjs/components/product-picker-v2/variantComponents.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
-import type { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION, type ProductVariantForRearrange } from './type';
+import { SelectedCollectionsActions } from './reducers';
+import { OUT_OF_STOCK_ACTION } from './type';
+import { ProductVariantForRearrange } from './variant';
 /**
  * Props for list of variants - applicable both in list and grid view
  */

package/dist/cjs/components/sample-button/SampleButton.d.ts

@@ -1,3 +1,18 @@
 /// <reference types="react" />
-import { SampleButtonProps } from './SampleButton.model';
+export type Color = 'primary' | 'secondary' | 'success' | 'error' | 'warn';
+export type Variant = 'solid' | 'outline' | 'text';
+export interface SampleButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * The color of the Button.
+     *
+     * @default 'primary'
+     */
+    color?: Color;
+    /**
+     * The visual style of the Button.
+     *
+     * @default 'solid'
+     */
+    variant?: Variant;
+}
 export declare const SampleButton: import("react").ForwardRefExoticComponent<SampleButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/cjs/components/sample-button/SampleButton.styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { Color, Variant } from './SampleButton.model';
+import type { Color, Variant } from './SampleButton';
 export declare const SampleButton: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/cjs/components/sample-button/themes.d.ts

@@ -1,2 +1,2 @@
-import type { Color, Variant } from './SampleButton.model';
+import type { Color, Variant } from './SampleButton';
 export declare function getTheme(color: Color, variant: Variant): import("@emotion/utils").SerializedStyles;

package/dist/cjs/components/searchBar/searchBar.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '../button/model';
-import { InputVariant } from '../input/Input.model';
+import { InputVariant } from '../input/Input';
 export interface SearchBarProps {
     width: string;
     isEnabled: boolean;

package/dist/cjs/components/spinner/Spinner.d.ts

@@ -6,7 +6,6 @@ export declare const Spinner: {
 export declare const PureSpinner: import("styled-components").StyledComponent<"div", any, {
     width: string;
     height: string;
-    size?: "small" | "large" | undefined;
     color?: string | undefined;
     backgroundColor?: string | undefined;
 }, never>;

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

@@ -1,9 +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"),o=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=n(r);const s=r=>{let{size:n,color:i,className:s}=r;return e.jsxRuntimeExports.jsx("div",Object.assign({className:`spinner-container ${s}`},{children:e.jsxRuntimeExports.jsx(a,{width:`${o.SizeMap[n]}px`,height:`${o.SizeMap[n]}px`,size:n,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: ${e=>e.size?o.BorderMap[e.size]:5}px 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: 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:n.COLORS.stroke.brand}};
 	border-radius: 50%;
 	display: inline-block;
 	animation: rotation 1s linear infinite;
@@ -16,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

@@ -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

@@ -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

@@ -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

@@ -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/spinner/themes.d.ts

@@ -1,6 +1,3 @@
 export declare const SizeMap: {
     [key in 'small' | 'large']: number;
 };
-export declare const BorderMap: {
-    [key in 'small' | 'large']: number;
-};

package/dist/cjs/components/spinner/themes.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.BorderMap={small:2,large:4},exports.SizeMap={small:16,large:40};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.SizeMap={small:16,large:40};

package/dist/cjs/components/stepper/Stepper.d.ts

@@ -1,8 +1,24 @@
-import { EachStep } from './Stepper.model';
+export type StepperStates = 'default' | 'completed' | 'error' | 'active' | 'inactive';
 export interface StepperProps {
     steps: EachStep[];
     activeStep: EachStep;
     onClickingEachStep: (step: EachStep) => void;
     hideHoverState?: boolean;
 }
+export interface EachStep {
+    stepKey: string;
+    stepName: string;
+    isCompleted: boolean;
+    isError: boolean;
+    isInActive: boolean;
+}
+export interface SingleStepperProps {
+    index: number;
+    isLastElement: boolean;
+    eachStep: EachStep;
+    isActive: boolean;
+    onClickingStep: (step: EachStep) => void;
+    stepsCount: number;
+    hideHoverState?: boolean;
+}
 export declare const Stepper: (stepperDetails: StepperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/stepper/Stepper.styled.d.ts

@@ -1,4 +1,4 @@
-import type { StepperStates } from './Stepper.model';
+import { StepperStates } from './Stepper';
 export declare const StepperContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const SingleStepperChildContainer: import("styled-components").StyledComponent<"div", any, {
     selectedState: StepperStates;

package/dist/cjs/components/stepper/StepperService.d.ts

@@ -1,4 +1,4 @@
-import { EachStep } from './Stepper.model';
+import { EachStep } from './Stepper';
 export default class StepperService {
     updateSteps: (steps: EachStep[], stepToUpdate: EachStep, propertiesToUpdate: Partial<EachStep>) => EachStep[];
 }

package/dist/cjs/components/stepper/themes.d.ts

@@ -1,4 +1,4 @@
-import type { StepperStates } from './Stepper.model';
+import type { StepperStates } from './Stepper';
 export declare function getTheme(step: StepperStates): {
     textColor: string;
     badgeColor: string;

package/dist/cjs/components/template-context-mapper/TemplateContextMapper.d.ts

@@ -1,13 +1,13 @@
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import type { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
-import type { WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { VariableListInterfaceV2 } from "../add-variableV2/AddVariableV2";
+import { CarouselProduct } from "./modalElements/EditWhatsAppCarouselTemplateV2";
+import { WhatsAppCarouselTemplateVariables } from "../template-preview/models/WhatsappCarouselTemplate";
 import { CHANNEL_TYPE } from '../template-preview/models/Channels';
-import { CUSTOM_VARIABLE, type GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
-import type { AllTemplateTypes, AllTemplateVariables, NonNullTemplateTypes } from '../template-preview/models/types';
-import type { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';
-import { type ExtrasWhatsapp, POD, type TemplateAnalyticsI, type WhatsAppPickerMeta, type WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
-import type { VariableV3 } from '../variable-picker-v3/model';
-import { CarouselProduct } from './modalElements/modal';
+import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
+import { AllTemplateTypes, AllTemplateVariables, NonNullTemplateTypes } from '../template-preview/models/types';
+import { WebpushTemplateVariables } from '../template-preview/models/WebpushTemplate';
+import { ExtrasWhatsapp, POD, TemplateAnalyticsI, WhatsAppPickerMeta, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+import { VariableV3 } from '../variable-picker-v3/model';
 export interface TemplateContextMapperProps {
     selectedTemplate: NonNullTemplateTypes;
     closeDialog?: () => void;

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

@@ -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,{})]}))}))};
+"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/context/templateModalContext.d.ts

@@ -1,13 +1,13 @@
-import type { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
-import type { VariableV3 } from "../../../helpers";
+import { ApplicationType } from '@bikdotai/bik-models/growth/models/bik-store';
+import { VariableV3 } from "../../../helpers";
 import React, { LegacyRef } from 'react';
 import Slider from 'react-slick';
-import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import { VariableListInterfaceV2 } from "../../add-variableV2";
+import { CarouselProduct } from "../modalElements/EditWhatsAppCarouselTemplateV2";
 import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
-import type { globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
-import type { AllTemplateTypes, AllTemplateVariables } from "../../template-preview/models/types";
-import type { ExtrasWhatsapp } from "../../template-preview/models/WhatsAppTemplate";
-import { CarouselProduct } from '../modalElements/modal';
+import { globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
+import { AllTemplateTypes, AllTemplateVariables } from "../../template-preview/models/types";
+import { ExtrasWhatsapp } from "../../template-preview/models/WhatsAppTemplate";
 export type DEVICE_TYPES = 'desktop' | 'mobile';
 export declare const TemplateModalContext: React.Context<{
     showDiscountCodeExpiryInfo?: boolean | undefined;

package/dist/cjs/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts

@@ -1,4 +1,4 @@
-import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
 export type AdditionalVariableProps = {
     variableList?: VariableListInterfaceV2[];
     categoryDisplayName: string;

package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.d.ts

@@ -1,8 +1,6 @@
-import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-import type { CUSTOM_VARIABLE } from "../../template-preview/models/TemplateMeta";
-import type { AllTemplateVariables } from "../../template-preview/models/types";
-import type { WebPushTemplateComponent, WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
-import { BUTTON_TYPE } from "../../template-preview/models/WhatsAppTemplate";
+import { VariableListInterfaceV2 } from "../../add-variableV2";
+import { AllTemplateVariables, BUTTON_TYPE, CUSTOM_VARIABLE } from "../../template-preview";
+import { WebPushTemplateComponent, WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
 declare const useWebPushTemplate: () => {
     processWebpushTemplate: (template: WebpushTemplateType, variableList: VariableListInterfaceV2[], originalVar?: AllTemplateVariables, disableEditVariable?: boolean) => Promise<{
         templateVariableMapping: {
@@ -51,7 +49,7 @@ declare const useWebPushTemplate: () => {
                 redirectionLink?: string[] | undefined;
             } | undefined;
             components: WebPushTemplateComponent;
-            whatsappSpecificPickerMeta?: import("../../template-preview/models/WhatsAppTemplate").WhatsAppPickerMeta | undefined;
+            whatsappSpecificPickerMeta?: import("../../template-preview").WhatsAppPickerMeta | undefined;
         };
     }>;
     isValidUrl: (url: string) => boolean;

package/dist/cjs/components/template-context-mapper/helpers/WebpushTemplateHelper.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../../_virtual/_tslib.js"),e=require("../../template-preview/constants/TemplateConstants.js"),i=require("../../template-preview/models/WhatsAppTemplate.js"),l=require("../../../utils/variableUtils.js");exports.default=()=>{function n(t,e,i,n){const o=e.map(((e,o)=>{const u=a(e);if(n)return{variableName:e,isEditableVariable:!1,updatedValue:e,index:o,variableValue:e,type:"string"};const s=function(t,e,i){const n=i&&i.length?i:l.extractVariables(t);if(!n||!n.length)return[];const a=[];return n.forEach(((t,i)=>{const l=r(e,`{{${t}}}`);if(l){const{actualValue:t,defaultValue:e}=l,n="{{custom.text}}"===t||"{{custom.url}}"===t;a.push({editable:n,variableVal:e,editableDefaultValues:e,variableName:t,idx:i})}})),a}(u?e:i,t);if(s.length>0){const t=s[0];return{variableName:t.variableName,isEditableVariable:!0,updatedValue:(null==t?void 0:t.updatedValue)?null==t?void 0:t.updatedValue:u?t.variableName:e,index:o,variableValue:t.variableVal,type:"string"}}return null})).filter((t=>null!==t));return o}const a=t=>t.includes("{{")&&t.includes("}}"),o=(t,e)=>t&&t.length?t.flatMap(((t,i)=>{var n;return a(t)?t.includes("editableVariable")?(null===(n=null==e?void 0:e[i])||void 0===n?void 0:n.value)||t:l.extractVariables(t).map((t=>`{{${t}}}`))||[]:t})):[];const r=(t,e)=>{for(const i of t)for(const t in i.variables){const l=i.variables[t];if(l.actualValue===e||e.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(r,u,s,d){var b,c,v,p,f,m,L,V;return t.__awaiter(this,void 0,void 0,(function*(){const t=Object.assign({},r);t.components=function(t){let e;if("string"==typeof t)try{e=JSON.parse(t)}catch(t){console.error("Error parsing webpush component JSON:",t),e={}}else e=t;return e}(t.components);const{components:{title:h,body:g,buttons:y,icon:_,image:x},webpushBroadcastConfig:C}=t;let w={title:o(null!==(b=null==C?void 0:C.title)&&void 0!==b?b:[]),body:o(null!==(c=null==C?void 0:C.body)&&void 0!==c?c:[],null==g?void 0:g.variables),buttonsW:null!==(v=null==C?void 0:C.buttons)&&void 0!==v?v:[]};if(!t.webpushBroadcastConfig){const i=null!==(p=null==g?void 0:g.text)&&void 0!==p?p:"string"==typeof g?g:"",n=y&&(null==y?void 0:y.length)?y.map((t=>(null==t?void 0:t.websiteLink)==e.CUSTOM_URL_PLACEHOLDER?null==t?void 0:t.redirectionLink:null==t?void 0:t.websiteLink)).filter((t=>void 0!==t)):[],a=l.extractVariables(i).map(((t,e)=>{var i,l;return t.includes("editableVariable")?(null===(l=null===(i=null==g?void 0:g.variables)||void 0===i?void 0:i[e])||void 0===l?void 0:l.value)||t:`{{${t}}}`}));w={title:l.extractVariables(h).map((t=>`{{${t}}}`)),body:a,buttonsW:[]};const o={title:null!==(f=w.title)&&void 0!==f?f:[],body:null!==(m=w.body)&&void 0!==m?m:[],buttons:n,icon:_?[_]:void 0,image:x?[x]:void 0,redirectionLink:(null==g?void 0:g.redirectionLink)?[null==g?void 0:g.redirectionLink]:[]};t.webpushBroadcastConfig=o}const E=y&&y.length?y.map(((t,l)=>({type:i.BUTTON_TYPE.URL,text:null==t?void 0:t.text,url:"https://d.bik.ai/{{1}}",example:w.buttonsW&&w.buttonsW.length?a(w.buttonsW[l])?[""]:[w.buttonsW[l]]:t.redirectionLink?[t.redirectionLink]:void 0,buttonVariable:w.buttonsW&&w.buttonsW.length?a(w.buttonsW[l])?w.buttonsW[l]:e.CUSTOM_URL_PLACEHOLDER_VAR:t.websiteLink?t.websiteLink==e.CUSTOM_URL_PLACEHOLDER?e.CUSTOM_URL_PLACEHOLDER_VAR:t.websiteLink:e.CUSTOM_URL_PLACEHOLDER_VAR,index:l}))):[],O={title:n(u,w.title,h,d),body:n(u,w.body,(null==g?void 0:g.text)||"",d),buttons:E};return{templateVariableMapping:{title:(null===(L=null==s?void 0:s.title)||void 0===L?void 0:L.length)?s.title:O.title,body:(null===(V=null==s?void 0:s.body)||void 0===V?void 0:V.length)?s.body:O.body,buttons:O.buttons,icon:[],header:[]},webpushBroadcastConfig:t.webpushBroadcastConfig,template:t}}))},isValidUrl:t=>{try{return new URL(t),!0}catch(t){return!1}}}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js");var t=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var i=require("../../template-preview/constants/TemplateConstants.js"),l=require("../../../utils/variableUtils.js");exports.default=()=>{function n(e,t,i,n){const r=t.map(((t,r)=>{const u=a(t);if(n)return{variableName:t,isEditableVariable:!1,updatedValue:t,index:r,variableValue:t,type:"string"};const s=function(e,t,i){const n=i&&i.length?i:l.extractVariables(e);if(!n||!n.length)return[];const a=[];return n.forEach(((e,i)=>{const l=o(t,`{{${e}}}`);if(l){const{actualValue:e,defaultValue:t}=l,n="{{custom.text}}"===e||"{{custom.url}}"===e;a.push({editable:n,variableVal:t,editableDefaultValues:t,variableName:e,idx:i})}})),a}(u?t:i,e);if(s.length>0){const e=s[0];return{variableName:e.variableName,isEditableVariable:!0,updatedValue:(null==e?void 0:e.updatedValue)?null==e?void 0:e.updatedValue:u?e.variableName:t,index:r,variableValue:e.variableVal,type:"string"}}return null})).filter((e=>null!==e));return r}const a=e=>e.includes("{{")&&e.includes("}}"),r=(e,t)=>e&&e.length?e.flatMap(((e,i)=>{var n;return a(e)?e.includes("editableVariable")?(null===(n=null==t?void 0:t[i])||void 0===n?void 0:n.value)||e:l.extractVariables(e).map((e=>`{{${e}}}`))||[]:e})):[];const o=(e,t)=>{for(const i of e)for(const e in i.variables){const l=i.variables[e];if(l.actualValue===t||t.includes("editableVariable")&&l.actualValue.includes("custom.text"))return l}return null};return{processWebpushTemplate:function(o,u,s,d){var b,v,c,p,m,h,f,L;return e.__awaiter(this,void 0,void 0,(function*(){const e=Object.assign({},o);e.components=function(e){let t;if("string"==typeof e)try{t=JSON.parse(e)}catch(e){console.error("Error parsing webpush component JSON:",e),t={}}else t=e;return t}(e.components);const{components:{title:V,body:g,buttons:w,icon:y,image:_},webpushBroadcastConfig:C}=e;let x={title:r(null!==(b=null==C?void 0:C.title)&&void 0!==b?b:[]),body:r(null!==(v=null==C?void 0:C.body)&&void 0!==v?v:[],null==g?void 0:g.variables),buttonsW:null!==(c=null==C?void 0:C.buttons)&&void 0!==c?c:[]};if(!e.webpushBroadcastConfig){const t=null!==(p=null==g?void 0:g.text)&&void 0!==p?p:"string"==typeof g?g:"",n=w&&(null==w?void 0:w.length)?w.map((e=>(null==e?void 0:e.websiteLink)==i.CUSTOM_URL_PLACEHOLDER?null==e?void 0:e.redirectionLink:null==e?void 0:e.websiteLink)).filter((e=>void 0!==e)):[],a=l.extractVariables(t).map(((e,t)=>{var i,l;return e.includes("editableVariable")?(null===(l=null===(i=null==g?void 0:g.variables)||void 0===i?void 0:i[t])||void 0===l?void 0:l.value)||e:`{{${e}}}`}));x={title:l.extractVariables(V).map((e=>`{{${e}}}`)),body:a,buttonsW:[]};const r={title:null!==(m=x.title)&&void 0!==m?m:[],body:null!==(h=x.body)&&void 0!==h?h:[],buttons:n,icon:y?[y]:void 0,image:_?[_]:void 0,redirectionLink:(null==g?void 0:g.redirectionLink)?[null==g?void 0:g.redirectionLink]:[]};e.webpushBroadcastConfig=r}const W=w&&w.length?w.map(((e,l)=>({type:t.BUTTON_TYPE.URL,text:null==e?void 0:e.text,url:"https://d.bik.ai/{{1}}",example:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?[""]:[x.buttonsW[l]]:e.redirectionLink?[e.redirectionLink]:void 0,buttonVariable:x.buttonsW&&x.buttonsW.length?a(x.buttonsW[l])?x.buttonsW[l]:i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink?e.websiteLink==i.CUSTOM_URL_PLACEHOLDER?i.CUSTOM_URL_PLACEHOLDER_VAR:e.websiteLink:i.CUSTOM_URL_PLACEHOLDER_VAR,index:l}))):[],k={title:n(u,x.title,V,d),body:n(u,x.body,(null==g?void 0:g.text)||"",d),buttons:W};return{templateVariableMapping:{title:(null===(f=null==s?void 0:s.title)||void 0===f?void 0:f.length)?s.title:k.title,body:(null===(L=null==s?void 0:s.body)||void 0===L?void 0:L.length)?s.body:k.body,buttons:k.buttons,icon:[],header:[]},webpushBroadcastConfig:e.webpushBroadcastConfig,template:e}}))},isValidUrl:e=>{try{return new URL(e),!0}catch(e){return!1}}}};

package/dist/cjs/components/template-context-mapper/modalElements/Body.d.ts

@@ -1,5 +1,5 @@
-import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-import type { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
+import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
 export interface BodyProps {
     showVariableMapping: boolean;
     showOnlyContent?: boolean;

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

@@ -1,22 +1,22 @@
-"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("../../../node_modules/lodash/cloneDeep.js"),a=require("react"),s=require("styled-components"),l=require("../../carousel-preview/CarouselPreview.js"),o=require("./EditWhatsAppCarouselTemplateV2.js"),r=require("../../template-preview/TemplatePreview.js"),n=require("../../template-preview/models/Channels.js"),p=require("../../TypographyStyle.js"),u=require("../../variable-picker-v3/VariablePicker.js"),d=require("../../../constants/Theme.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"),P=require("./MobilePreview.js"),v=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%;
-`,N=b.default.div`
+`,A=b.default.div`
 	max-width: 450px;
-	max-width: ${e=>e.channel===n.CHANNEL_TYPE.EMAIL?"400px":"450px"};
+	max-width: ${e=>e.channel===p.CHANNEL_TYPE.EMAIL?"400px":"450px"};
 
-	height: ${e=>e.channel===n.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
+	height: ${e=>e.channel===p.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
 	overflow-y: auto;
 	padding-bottom: 24px;
-	border-left: ${d.COLORS.stroke.primary} 1px solid;
-	border-top: ${e=>e.isWhatsappCarousel?`${d.COLORS.stroke.primary} 1px solid`:void 0};
+	border-left: ${n.COLORS.stroke.primary} 1px solid;
+	border-top: ${e=>e.isWhatsappCarousel?`${n.COLORS.stroke.primary} 1px solid`:void 0};
 	${e=>!e.showVariableMapping&&"width: 340px; height: 500px"};
-`,g=b.default.div`
+`,N=b.default.div`
 	padding: ${e=>e.isWhatsappCarousel?void 0:e.showOnlyContent?"16px 14px":"16px 32px"};
 	flex: 1;
 	height: ${e=>e.isWhatsappCarousel||e.hideDeviceContainerInPreview?"500px":"475px"};
 	overflow-y: auto;
-	background-image: ${e=>e.hideDeviceContainerInPreview&&e.channel===n.CHANNEL_TYPE.WHATSAPP?`url(${h.BACKGROUND_PREVIEW_IMAGE});`:"none"};
-	display: ${e=>!e.hideDeviceContainerInPreview||e.channel!==n.CHANNEL_TYPE.WHATSAPP&&e.channel!==n.CHANNEL_TYPE.RCS?"initial":"flex"};
+	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:A,discountCode:T,setDiscountCode:S,variableListForImage:L,showSampleValues:y,variableListFromProps:H,fileName:_,setFileName:R,skipDefaultVariableContent:V}=s,k=a.useRef(),M=a.useRef(),{variableList:q,setVariableList:W,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(g,Object.assign({showOnlyContent:w,showVariableMapping:h,isWhatsappCarousel:U,hideDeviceContainerInPreview:z,channel:F,skipDefaultVariableContent:V},{children:"mobile"===I?e.jsxRuntimeExports.jsx(P.default,{ref:M,display_content:null!=B?B:"",channel:F,template:$,showSampleValues:y}):F!==n.CHANNEL_TYPE.WHATSAPP&&F!==n.CHANNEL_TYPE.RCS||!U?F===n.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(r.TemplatePreview,{showSampleValues:y,channel:F,hideHeader:!0,template:$}):F!==n.CHANNEL_TYPE.MESSAGE?e.jsxRuntimeExports.jsx(E.default,{ref:k,channel:F,display_content:null!=B?B:"",showSampleValues:y}):e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{}):e.jsxRuntimeExports.jsx(l.CarouselPreview,{ref:k,channel:F,template:$,showSampleValues:y,isPreview:!1,showArrows:!0})})),(K||h)&&e.jsxRuntimeExports.jsxs(N,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(u.VariablePicker,{hideHeaderCross:!0,showHeader:!0,showBackButton:!0,onBackButtonClick:()=>{W(i.default(H)),Y(!1)},onSelect:e=>{D(e),W(i.default(H)),Y(!1)},type:t.PickerType.EMBEDDED,data:null!=q?q:[],onDefaultVariableSelect:J,skipDefaultVariableContent:V},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!==n.CHANNEL_TYPE.WHATSAPP&&F!==(null===n.CHANNEL_TYPE||void 0===n.CHANNEL_TYPE?void 0:n.CHANNEL_TYPE.RCS)?F==n.CHANNEL_TYPE.WEBPUSH?e.jsxRuntimeExports.jsx(C.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:A}):e.jsxRuntimeExports.jsx(v.default,{onFocus:F===n.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),o=F===n.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(l):document.getElementById(l),r=Q(o),p=null==o?void 0:o.offsetLeft;"desktop"===I?r&&k.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=p?p:0,r),x.highlightFor(l,d.COLORS.background.warning.light,2,F,I)):r&&M.current&&(null===(a=null==s?void 0:s.contentWindow)||void 0===a||a.scrollTo(null!=p?p:0,r),x.highlightFor(l,d.COLORS.background.warning.light,2,F,I))}:void 0,showVariableModal:A,discountCode:T,setDiscountCode:S}):F!==n.CHANNEL_TYPE.WHATSAPP&&F!==n.CHANNEL_TYPE.RCS||!U?e.jsxRuntimeExports.jsx(j.default,{whatsappSpecificPickerMeta:b,template:$,onTemplateChange:e=>{null==G||G(e)},showVariableModal:A,variableListForImage:L,discountCode:T,setDiscountCode:S,fileName:_,setFileName:R}):e.jsxRuntimeExports.jsx(o.default,{whatsappSpecificPickerMeta:b,template:$,showVariableModal:A,variableListForImage:L,discountCode:T,setDiscountCode:S})}))]})),[n.CHANNEL_TYPE.WHATSAPP,n.CHANNEL_TYPE.SMS].includes(F)&&!h&&!K&&e.jsxRuntimeExports.jsx(N,{children:e.jsxRuntimeExports.jsx(p.BodySecondary,Object.assign({color:d.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/DesktopPreview.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("styled-components"),s=require("../../spinner/Spinner.js"),i=require("../../template-preview/TemplatePreview.js"),o=require("../../template-preview/models/Channels.js"),a=require("../../../constants/Theme.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=n(t),l=n(r);const p=l.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("react"),r=require("styled-components"),i=require("../../spinner/Spinner.js"),s=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var a=require("../../../constants/Theme.js");require("../../curtain/CurtainHelper.js"),require("../../variable-picker-v3/model.js"),require("../../template-preview/models/TemplateMeta.js"),require("../../template-preview/models/WhatsAppTemplate.js");var p=require("../../template-preview/models/Channels.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(t),n=o(r);const d=n.default.div`
 	background: ${a.COLORS.surface.standard};
 	border: 1px solid ${a.COLORS.stroke.primary};
 	border-radius: 8px;
@@ -6,15 +6,15 @@
 	/* max-height: 420px; */
 	scroll-behavior: smooth;
 	height: 100%;
-`,x=l.default.div`
+`,u=n.default.div`
 	padding: 18px 24px 12px;
 	display: flex;
 	gap: 4px;
 	border-bottom-width: 1px;
 	border-bottom-color: ${a.COLORS.stroke.primary};
-`,u=l.default.div`
+`,m=n.default.div`
 	width: 6px;
 	height: 6px;
 	background: #d9d9d9;
 	border-radius: 3px;
-`,m=d.default.forwardRef(((t,r)=>{let{display_content:a,showSampleValues:n}=t;return e.jsxRuntimeExports.jsxs(p,Object.assign({ref:r},{children:[e.jsxRuntimeExports.jsxs(x,{children:[e.jsxRuntimeExports.jsx(u,{}),e.jsxRuntimeExports.jsx(u,{}),e.jsxRuntimeExports.jsx(u,{})]}),e.jsxRuntimeExports.jsx("div",{children:a?e.jsxRuntimeExports.jsx(i.TemplatePreview,{showSampleValues:n,channel:o.CHANNEL_TYPE.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:a,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:20}},{children:e.jsxRuntimeExports.jsx(s.Spinner,{size:"small"})}))})]}))}));m.displayName="DesktopPreview",exports.default=m;
+`,x=l.default.forwardRef(((t,r)=>{let{display_content:a,showSampleValues:o}=t;return e.jsxRuntimeExports.jsxs(d,Object.assign({ref:r},{children:[e.jsxRuntimeExports.jsxs(u,{children:[e.jsxRuntimeExports.jsx(m,{}),e.jsxRuntimeExports.jsx(m,{}),e.jsxRuntimeExports.jsx(m,{})]}),e.jsxRuntimeExports.jsx("div",{children:a?e.jsxRuntimeExports.jsx(s.TemplatePreview,{showSampleValues:o,channel:p.CHANNEL_TYPE.EMAIL,hideHeader:!0,emailSpecificMeta:{emailDisplayContent:a,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_desktop",containerStyle:{height:441},templateContainerStyles:{height:"100%"}},hidePointerEvents:!0}):e.jsxRuntimeExports.jsx("div",Object.assign({style:{padding:20}},{children:e.jsxRuntimeExports.jsx(i.Spinner,{size:"small"})}))})]}))}));x.displayName="DesktopPreview",exports.default=x;

package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import type { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-import { HEADER_TYPES } from "../../template-preview/models/TemplateMeta";
-import type { UseEditWhatsappTemplateMediaResponse } from './useEditWhtasappTemplateMedia';
+import { VariableListInterfaceV2 } from "../../add-variableV2";
+import { HEADER_TYPES } from "../../template-preview";
+import { UseEditWhatsappTemplateMediaResponse } from './useEditWhtasappTemplateMedia';
 interface EditMediaModalProps {
     setOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;
     openEditMedia: boolean;

package/dist/cjs/components/template-context-mapper/modalElements/EditMediaModal.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/arrow_back.svg.js"),s=require("../../../assets/icons/info.svg.js");require("../../curtain/CurtainHelper.js");var i=require("../../variable-picker-v3/model.js"),r=require("react"),a=require("../../button/Button.js"),o=require("../../image-cropper/BikImageCropper.js"),n=require("../../input-with-vars/InputWithVariables.js"),l=require("../../spinner/Spinner.js"),d=require("../../template-preview/models/TemplateMeta.js"),p=require("../../template-preview/models/WhatsAppTemplate.js"),u=require("../../TypographyStyle.js"),x=require("../../../utils/validator.js"),c=require("../../../constants/Theme.js"),m=require("../../../assets/icons/file.svg.js"),E=require("../../../assets/icons/filePdf.svg.js"),j=require("../../../assets/icons/image.svg.js"),g=require("../../../assets/icons/upload.svg.js"),h=require("../context/templateModalContext.js"),R=require("../utils/validateIsUrl.js");exports.default=b=>{let{setOpenEditMedia:f,mediaComponentFormat:y,variableListForImage:v,openEditMedia:T,uploadMedia:C,fileRef:M,useEditWhatsappTemplateMediaResponse:I,skipAddVariable:A}=b;const{pod:D,setHideCrossButton:O,setHideFooterButton:S}=h.useTemplateModalContext(),[P,k]=r.useState(""),[q,H]=r.useState(void 0),[B,_]=r.useState(!1),[w,L]=r.useState("");let V;if(r.useEffect((()=>(S(!0),()=>{S(!1)})),[]),r.useEffect((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&H(e)}),[I.loading]),V=y===d.HEADER_TYPES.IMAGE?"image/png, image/jpeg":y===d.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",!T)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const U=()=>y===d.HEADER_TYPES.IMAGE?"Image":y===d.HEADER_TYPES.VIDEO?"Video":"Document";return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"}},{children:[e.jsxRuntimeExports.jsx(t.default,{onClick:e=>{e.stopPropagation(),f(!1),k("")},style:{cursor:"pointer"},width:16,height:16}),e.jsxRuntimeExports.jsx(u.TitleRegular,{children:"Update Media"})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative",padding:16,borderRadius:4,border:B?`1px dashed ${c.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`:`1px dashed ${c.DEFAULT_THEME.colorsV2.stroke.primary}`,backgroundColor:c.DEFAULT_THEME.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:I.loading?"flex":"initial"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[I.loading?e.jsxRuntimeExports.jsx(l.PureSpinner,{width:"40px",height:"40px",color:c.COLORS.content.brand}):e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:c.DEFAULT_THEME.colorsV2.background.base}},{children:y===d.HEADER_TYPES.IMAGE?e.jsxRuntimeExports.jsx(j.default,{width:40,height:40}):y===d.HEADER_TYPES.VIDEO?e.jsxRuntimeExports.jsx(m.default,{width:40,height:40}):e.jsxRuntimeExports.jsx(E.default,{width:40,height:40})})),e.jsxRuntimeExports.jsx(u.TitleMedium,{children:I.loading?"Upload in progress...":y===d.HEADER_TYPES.IMAGE?"Upload an image":y===d.HEADER_TYPES.VIDEO?"Upload a video":"Upload a document"}),e.jsxRuntimeExports.jsx(u.BodySecondary,Object.assign({color:c.COLORS.content.secondary},{children:I.loading?`Your ${y.toLowerCase()} is getting loaded. This may take a couple of minutes.`:y===d.HEADER_TYPES.IMAGE?"JPEG/ PNG format • Max 5MB":y===d.HEADER_TYPES.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"}))]})),!I.loading&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:e.jsxRuntimeExports.jsx(n.InputWithVariables,{labelText:`${U()} URL`,onPickerToggle:e=>{O(!!e)},pickerType:i.PickerType.EMBEDDED,portalElement:null!=q?q:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{L(e.actualValue),_(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:P,prevVariable:{actualValue:"",variableType:"string"},variablesList:v,placeHolder:A?"Enter URL":"Enter URL/Add variable",showAddButton:D!==p.POD.CAMPAIGN||!A&&y===d.HEADER_TYPES.IMAGE})})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"}},{children:[e.jsxRuntimeExports.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsxRuntimeExports.jsx(u.BodyCaption,{children:"Or upload media from device"}),e.jsxRuntimeExports.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsxRuntimeExports.jsx(a.Button,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:g.default,onClick:()=>{C(),_(!1)},size:"medium"})}))]}),B&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4}},{children:[e.jsxRuntimeExports.jsx(s.default,{width:16,height:16,color:c.COLORS.content.negative}),e.jsxRuntimeExports.jsx(u.BodyCaption,Object.assign({style:{color:c.COLORS.content.negative}},{children:`Select ${U()}`}))]}))]})),!I.loading&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",marginTop:8}},{children:e.jsxRuntimeExports.jsx(a.Button,{buttonText:`Add ${U()}`,onClick:()=>{w?x.validateURL(w)||R.isVariable(w)?(C(w),f(!1),k(""),_(!1)):k("Enter valid URL"):_(!0)}})})),e.jsxRuntimeExports.jsx("input",{ref:M,style:{display:"none"},type:"file",onChange:I.handleImageUpload,accept:V}),!!I.selectedImage&&e.jsxRuntimeExports.jsx(o.BikImageCropper,{aspectRatio:15/8,src:I.selectedImage,onCropComplete:I.onCropComplete,onCancel:()=>{I.setLoading(!1),I.setSelectedImage(""),M.current&&(M.current.value="")}})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../node_modules/react/jsx-runtime.js"),t=require("../../../assets/icons/arrow_back.svg.js"),s=require("../../../assets/icons/info.svg.js");require("../../curtain/CurtainHelper.js");var i=require("../../variable-picker-v3/model.js"),r=require("react"),a=require("../../button/Button.js"),o=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../../_virtual/_tslib.js"),require("../../../constants/zindex.js"),require("../../modals/styledModal.js");var n=require("../../spinner/Spinner.js"),l=require("../../input-with-vars/InputWithVariables.js");require("../../template-preview/TemplatePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js");var p=require("../../../constants/Theme.js"),d=require("../../template-preview/models/TemplateMeta.js"),u=require("../../template-preview/models/WhatsAppTemplate.js");require("../../template-preview/models/Channels.js");var x=require("../../TypographyStyle.js"),c=require("../../../utils/validator.js"),m=require("../../../assets/icons/file.svg.js"),j=require("../../../assets/icons/filePdf.svg.js"),E=require("../../../assets/icons/image.svg.js"),g=require("../../../assets/icons/upload.svg.js"),h=require("../context/templateModalContext.js"),R=require("../utils/validateIsUrl.js");exports.default=v=>{let{setOpenEditMedia:b,mediaComponentFormat:f,variableListForImage:y,openEditMedia:T,uploadMedia:C,fileRef:M,useEditWhatsappTemplateMediaResponse:A,skipAddVariable:q}=v;const{pod:I,setHideCrossButton:D,setHideFooterButton:O}=h.useTemplateModalContext(),[S,P]=r.useState(""),[w,k]=r.useState(void 0),[H,_]=r.useState(!1),[L,B]=r.useState("");let V;if(r.useEffect((()=>(O(!0),()=>{O(!1)})),[]),r.useEffect((()=>{const e=document.querySelector('[class*="ModalWrapper"]');e&&k(e)}),[A.loading]),V=f===d.HEADER_TYPES.IMAGE?"image/png, image/jpeg":f===d.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",!T)return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const U=()=>f===d.HEADER_TYPES.IMAGE?"Image":f===d.HEADER_TYPES.VIDEO?"Video":"Document";return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",gap:"10px",alignItems:"center",marginBottom:"16px"}},{children:[e.jsxRuntimeExports.jsx(t.default,{onClick:e=>{e.stopPropagation(),b(!1),P("")},style:{cursor:"pointer"},width:16,height:16}),e.jsxRuntimeExports.jsx(x.TitleRegular,{children:"Update Media"})]})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"relative",padding:16,borderRadius:4,border:H?`1px dashed ${p.DEFAULT_THEME.colorsV2.stroke.negative.vibrant}`:`1px dashed ${p.DEFAULT_THEME.colorsV2.stroke.primary}`,backgroundColor:p.DEFAULT_THEME.colorsV2.surface.subdued,width:"100%",height:"100%",alignItems:"center",display:A.loading?"flex":"initial"}},{children:[e.jsxRuntimeExports.jsxs("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[A.loading?e.jsxRuntimeExports.jsx(n.PureSpinner,{width:"40px",height:"40px",color:p.COLORS.content.brand}):e.jsxRuntimeExports.jsx("div",Object.assign({style:{height:64,width:64,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:p.DEFAULT_THEME.colorsV2.background.base}},{children:f===d.HEADER_TYPES.IMAGE?e.jsxRuntimeExports.jsx(E.default,{width:40,height:40}):f===d.HEADER_TYPES.VIDEO?e.jsxRuntimeExports.jsx(m.default,{width:40,height:40}):e.jsxRuntimeExports.jsx(j.default,{width:40,height:40})})),e.jsxRuntimeExports.jsx(x.TitleMedium,{children:A.loading?"Upload in progress...":f===d.HEADER_TYPES.IMAGE?"Upload an image":f===d.HEADER_TYPES.VIDEO?"Upload a video":"Upload a document"}),e.jsxRuntimeExports.jsx(x.BodySecondary,Object.assign({color:p.COLORS.content.secondary},{children:A.loading?`Your ${f.toLowerCase()} is getting loaded. This may take a couple of minutes.`:f===d.HEADER_TYPES.IMAGE?"JPEG/ PNG format • Max 5MB":f===d.HEADER_TYPES.VIDEO?"MP4 format video • Max 16MB":"PDF format document • Max 100MB"}))]})),!A.loading&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"6px"}},{children:e.jsxRuntimeExports.jsx(l.InputWithVariables,{labelText:`${U()} URL`,onPickerToggle:e=>{D(!!e)},pickerType:i.PickerType.EMBEDDED,portalElement:null!=w?w:document.body,noMaxCharCheck:!0,allowMix:!1,onChange:e=>{B(e.actualValue),_(!1)},showVarHeader:!0,varHeaderText:"Select variable",errorMessage:S,prevVariable:{actualValue:"",variableType:"string"},variablesList:y,placeHolder:q?"Enter URL":"Enter URL/Add variable",showAddButton:I!==u.POD.CAMPAIGN||!q&&f===d.HEADER_TYPES.IMAGE})})),e.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"4px",marginBottom:"12px"}},{children:[e.jsxRuntimeExports.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e.jsxRuntimeExports.jsx(x.BodyCaption,{children:"Or upload media from device"}),e.jsxRuntimeExports.jsx("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsxRuntimeExports.jsx(a.Button,{matchParentWidth:!0,buttonText:"Upload",buttonType:"dashBold",LeadingIcon:g.default,onClick:()=>{C(),_(!1)},size:"medium"})}))]}),H&&e.jsxRuntimeExports.jsxs("div",Object.assign({style:{position:"absolute",display:"flex",alignItems:"center",bottom:-24,left:0,gap:4}},{children:[e.jsxRuntimeExports.jsx(s.default,{width:16,height:16,color:p.COLORS.content.negative}),e.jsxRuntimeExports.jsx(x.BodyCaption,Object.assign({style:{color:p.COLORS.content.negative}},{children:`Select ${U()}`}))]}))]})),!A.loading&&e.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",justifyContent:"flex-end",marginTop:8}},{children:e.jsxRuntimeExports.jsx(a.Button,{buttonText:`Add ${U()}`,onClick:()=>{L?c.validateURL(L)||R.isVariable(L)?(C(L),b(!1),P(""),_(!1)):P("Enter valid URL"):_(!0)}})})),e.jsxRuntimeExports.jsx("input",{ref:M,style:{display:"none"},type:"file",onChange:A.handleImageUpload,accept:V}),!!A.selectedImage&&e.jsxRuntimeExports.jsx(o.BikImageCropper,{aspectRatio:15/8,src:A.selectedImage,onCropComplete:A.onCropComplete,onCancel:()=>{A.setLoading(!1),A.setSelectedImage(""),M.current&&(M.current.value="")}})]})};

package/dist/cjs/components/template-context-mapper/modalElements/EditWebpushTemplate.d.ts

@@ -1,5 +1,5 @@
-import { type WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
-import type { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+import { WebpushTemplateType } from "../../template-preview/models/WebpushTemplate";
+import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
 export interface EditWebpushTemplateV2Props {
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
     template: WebpushTemplateType;