@bikdotai/bik-component-library 0.0.736-beta.10 → 0.0.736-beta.3

package/dist/esm/components/input-with-vars/InputWithVariables.js

@@ -1,4 +1,4 @@
-import{jsxs as e,Fragment as l,jsx as r}from"react/jsx-runtime";import a from"../../assets/icons/PlusIcon.js";import{useRef as t,useState as i,useEffect as n}from"react";import o from"styled-components";import{v4 as c}from"uuid";import{COLORS as d}from"../../constants/Theme.js";import{AddVariableStyled as s}from"../add-variableV2/AddVariableBox.styled.js";import{Floater as u}from"../floater/floater.js";import{Input as p}from"../input/Input.js";import{BodyCaption as v}from"../TypographyStyle.js";import{VariablePicker as m}from"../variable-picker-v3/VariablePicker.js";import{PickerType as h}from"../variable-picker-v3/model.js";import{CustomPortal as b}from"./customPortal.js";const y=({type:o,allowMix:d,onChange:y,prevVariable:T,variablesList:g,onBlur:x,onlyVariables:V,placeHolder:k,showAddButton:C=!0,showHelp:E,errorMessage:j,maxCharLimit:w,noMaxCharCheck:D,labelText:A,labelElement:M,isRequired:S=!1,hintText:B,onEnterPress:F,pickerType:R=h.FLOATER,portalElement:H,showVarHeader:I,varHeaderText:L,onPickerToggle:P})=>{const N=t(),$=t(!0),q=t(null),[z,O]=i(!1),[K]=i(c()),[G,J]=i(),[Q,U]=i(T),[W,X]=i(!1),[Y,Z]=i(!1),[_,ee]=i(0);return n(()=>{if(G&&G.actualValue)if(d){if(U(e=>{return{actualValue:(l=e.actualValue,r=G.actualValue,a=_,l.slice(0,a)+r+l.slice(a)),variableType:"string"};var l,r,a}),q.current){ee(q.current.selectionStart);const e=_+G.actualValue.length+2;q.current.setSelectionRange(e,e),ee(e)}}else U(e=>({actualValue:G.actualValue,variableType:G.variableType,needsFetching:G.needsFetching}))},[G]),n(()=>{$.current?$.current=!1:y(Q)},[Q]),e(l,{children:[e(f,{isVar:/^{{.*}}$/.test(Q.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==F||F(Q.actualValue))},children:[r(p,{isRequired:S,hintText:B,type:null!=o?o:"text",id:K,ref:q,skipFocus:!0,isActive:z,value:Q.actualValue,validate:e=>[!0,""],errorMessage:j,noMaxCharCheck:D,maxCharLimit:w,labelText:A,labelElement:M,placeholder:k||"Add a value",onClick:e=>{q.current&&ee(q.current.selectionStart)},onChangeText:(e,l)=>{if(q.current&&ee(q.current.selectionStart),V){const e=(null==l?void 0:l.keyCode)||(null==l?void 0:l.charCode);return void(8!==e&&46!==e||U({actualValue:"",variableType:"string"}))}U(d?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{O(!0),Z(!0)},onBlur:e=>{var l,r,a,t,i,n;null==x||x(e,Q),"addVar"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(t=null===(a=e.relatedTarget)||void 0===a?void 0:a.className)||void 0===t?void 0:t.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(q.current&&q.current.focus(),O(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?O(!0):(O(!1),X(!1),null==P||P(!1),Z(!1))}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[Q.actualValue&&E&&r("div",{style:{marginTop:4},children:r(v,{children:`This value is of type ${Q.variableType}`})}),C&&Y&&r("div",{style:{marginTop:j||B?"-24px":"0px"},children:r(s,{ref:N,id:"addVar",onClick:()=>{X(!W),null==P||P(!W)},children:e("div",{className:"add",children:[r(a,{color:"white"}),r("div",{className:"variable",children:"Add variable"})]})})})]})]}),W&&r(l,{children:R===h.EMBEDDED?r(b,{zIndex:101,element:null!=H?H:document.body,children:r(m,{width:"344px",showHeader:I,headerText:L,onClose:()=>{X(!1),null==P||P(!1)},type:h.EMBEDDED,data:g,onSelect:e=>{J(e),X(!1),null==P||P(!1)}})}):r("div",{style:{zIndex:101,position:"relative"},children:r(u,{refElement:N,children:r("div",{style:{height:500},children:r(m,{onClose:()=>{X(!1),null==P||P(!1)},type:h.FLOATER,data:g,onSelect:e=>{J(e),X(!1),null==P||P(!1)}})})})})})]})},f=o.div`
+import{jsxs as e,Fragment as l,jsx as r}from"react/jsx-runtime";import a from"../../assets/icons/PlusIcon.js";import{useRef as t,useState as i,useEffect as n}from"react";import o from"styled-components";import{v4 as c}from"uuid";import{COLORS as d}from"../../constants/Theme.js";import{AddVariableStyled as s}from"../add-variableV2/AddVariableBox.styled.js";import{Floater as u}from"../floater/floater.js";import{Input as p}from"../input/Input.js";import{BodyCaption as v}from"../TypographyStyle.js";import{VariablePicker as m}from"../variable-picker-v3/VariablePicker.js";import{PickerType as h}from"../variable-picker-v3/model.js";import{CustomPortal as b}from"./customPortal.js";const y=o=>{let{type:d,allowMix:y,onChange:T,prevVariable:g,variablesList:x,onBlur:V,onlyVariables:k,placeHolder:C,showAddButton:E=!0,showHelp:j,errorMessage:w,maxCharLimit:D,noMaxCharCheck:A,labelText:M,labelElement:S,isRequired:B=!1,hintText:F,onEnterPress:R,pickerType:H=h.FLOATER,portalElement:I,showVarHeader:L,varHeaderText:P,onPickerToggle:N}=o;const $=t(),q=t(!0),z=t(null),[O,K]=i(!1),[G]=i(c()),[J,Q]=i(),[U,W]=i(g),[X,Y]=i(!1),[Z,_]=i(!1),[ee,le]=i(0);return n((()=>{if(J&&J.actualValue)if(y){if(W((e=>{return{actualValue:(l=e.actualValue,r=J.actualValue,a=ee,l.slice(0,a)+r+l.slice(a)),variableType:"string"};var l,r,a})),z.current){le(z.current.selectionStart);const e=ee+J.actualValue.length+2;z.current.setSelectionRange(e,e),le(e)}}else W((e=>({actualValue:J.actualValue,variableType:J.variableType,needsFetching:J.needsFetching})))}),[J]),n((()=>{q.current?q.current=!1:T(U)}),[U]),e(l,{children:[e(f,{isVar:/^{{.*}}$/.test(U.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==R||R(U.actualValue))},children:[r(p,{isRequired:B,hintText:F,type:null!=d?d:"text",id:G,ref:z,skipFocus:!0,isActive:O,value:U.actualValue,validate:e=>[!0,""],errorMessage:w,noMaxCharCheck:A,maxCharLimit:D,labelText:M,labelElement:S,placeholder:C||"Add a value",onClick:e=>{z.current&&le(z.current.selectionStart)},onChangeText:(e,l)=>{if(z.current&&le(z.current.selectionStart),k){const e=(null==l?void 0:l.keyCode)||(null==l?void 0:l.charCode);8!==e&&46!==e||W({actualValue:"",variableType:"string"})}else W(y?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{K(!0),_(!0)},onBlur:e=>{var l,r,a,t,i,n;null==V||V(e,U),"addVar"===(null===(l=e.relatedTarget)||void 0===l?void 0:l.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(t=null===(a=e.relatedTarget)||void 0===a?void 0:a.className)||void 0===t?void 0:t.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(z.current&&z.current.focus(),K(!0)):"search-bar-v3-picker"===(null===(n=e.relatedTarget)||void 0===n?void 0:n.id)?K(!0):(K(!1),Y(!1),null==N||N(!1),_(!1))}}),e("div",{style:{display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[U.actualValue&&j&&r("div",{style:{marginTop:4},children:r(v,{children:`This value is of type ${U.variableType}`})}),E&&Z&&r("div",{style:{marginTop:w||F?"-24px":"0px"},children:r(s,{ref:$,id:"addVar",onClick:()=>{Y(!X),null==N||N(!X)},children:e("div",{className:"add",children:[r(a,{color:"white"}),r("div",{className:"variable",children:"Add variable"})]})})})]})]}),X&&r(l,{children:H===h.EMBEDDED?r(b,{zIndex:101,element:null!=I?I:document.body,children:r(m,{width:"344px",showHeader:L,headerText:P,onClose:()=>{Y(!1),null==N||N(!1)},type:h.EMBEDDED,data:x,onSelect:e=>{Q(e),Y(!1),null==N||N(!1)}})}):r("div",{style:{zIndex:101,position:"relative"},children:r(u,{refElement:$,children:r("div",{style:{height:500},children:r(m,{onClose:()=>{Y(!1),null==N||N(!1)},type:h.FLOATER,data:x,onSelect:e=>{Q(e),Y(!1),null==N||N(!1)}})})})})})]})},f=o.div`
 	position: relative;
 	margin-bottom: 12px;
 	input {

package/dist/esm/components/keywords-input/KeywordsInput.js

@@ -1 +1 @@
-import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{useState as t}from"react";import{Input as i}from"../input/Input.js";import{Tag as a}from"../tag/Tag.js";const n=n=>{var l;const[s,d]=t(""),{keywords:p,onDeleteKeyword:c,errorMessage:m,onSelectKeyword:g,error:h,hint:w,width:x}=n;return e("div",{style:{marginTop:12},children:[r(i,{"data-test":n["data-test"],width:x,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?d(e):e.trim()&&(d(""),g&&g(e.trim()))},value:s,hintText:w,placeholder:null!==(l=n.placeHolder)&&void 0!==l?l:"Ex. Hello",errorMessage:h?m||"Please ENTER to add keyword":""}),r("div",{style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:x},children:p.map((e,t)=>r(a,{tagText:e,TrailingIcon:o,onTrailingIconClicked:()=>c(e)},e+t))})]})};export{n as KeywordsInput};
+import{jsxs as e,jsx as r}from"react/jsx-runtime";import o from"../../assets/icons/cross.svg.js";import{useState as t}from"react";import{Input as i}from"../input/Input.js";import{Tag as a}from"../tag/Tag.js";const n=n=>{var l;const[s,d]=t(""),{keywords:p,onDeleteKeyword:c,errorMessage:m,onSelectKeyword:g,error:h,hint:w,width:x}=n;return e("div",{style:{marginTop:12},children:[r(i,{"data-test":n["data-test"],width:x,onChangeText:function(e,r){!r||"keydown"!==(null==r?void 0:r.type)||13!==r.which&&13!==r.keyCode?d(e):e.trim()&&(d(""),g&&g(e.trim()))},value:s,hintText:w,placeholder:null!==(l=n.placeHolder)&&void 0!==l?l:"Ex. Hello",errorMessage:h?m||"Please ENTER to add keyword":""}),r("div",{style:{display:"flex",flexDirection:"row",gap:"8px",marginTop:12,flexWrap:"wrap",width:x},children:p.map(((e,t)=>r(a,{tagText:e,TrailingIcon:o,onTrailingIconClicked:()=>c(e)},e+t)))})]})};export{n as KeywordsInput};

package/dist/esm/components/list-item/ListItem.js

@@ -1 +1 @@
-import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as l}from"./themes.js";import{BodySecondary as n,BodyCaption as s}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import{ListItem as a}from"./ListItem.styled.js";const c=r((r,c)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:v,leadingIcon:y,subText:h,listItem:u,borderBottom:x,customComponent:I,customListItemLabel:b,version:g}=r,L=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return e(a,Object.assign({ref:c,id:d,variant:f,onClick:()=>p&&p(u),borderBottom:x,version:g},L,{children:I?e(i,{children:I}):o("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!y&&y,o("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[e(i,b?{children:b}:{children:!!u&&e(n,{style:{fontSize:("2.0"===g?12:14)+"px",color:l(f),textOverflow:"ellipsis",display:"block"},children:u.label})}),!!h&&e(s,{style:{color:"inactive"===f?m.content.inactive:m.text.secondary},children:h})]}),!!v&&e("div",{style:{display:"flex",marginLeft:"auto"},children:v})]})}))});c.displayName="ListItem";export{c as ListItem};
+import{__rest as t}from"../../_virtual/_tslib.js";import{jsx as e,Fragment as i,jsxs as o}from"react/jsx-runtime";import{forwardRef as r}from"react";import{getColor as l}from"./themes.js";import{BodySecondary as n,BodyCaption as s}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.js";import{ListItem as a}from"./ListItem.styled.js";const c=r(((r,c)=>{var{id:d,onSelect:p,variant:f="default",trailingIcon:v,leadingIcon:y,subText:h,listItem:u,borderBottom:x,customComponent:I,customListItemLabel:b,version:g}=r,L=t(r,["id","onSelect","variant","trailingIcon","leadingIcon","subText","listItem","borderBottom","customComponent","customListItemLabel","version"]);return e(a,Object.assign({ref:c,id:d,variant:f,onClick:()=>p&&p(u),borderBottom:x,version:g},L,{children:I?e(i,{children:I}):o("div",{style:{display:"flex",alignItems:"center",gap:8,width:"100%"},children:[!!y&&y,o("div",{style:{display:"flex",rowGap:"4px",flexDirection:"column",overflow:"hidden"},children:[e(i,b?{children:b}:{children:!!u&&e(n,{style:{fontSize:("2.0"===g?12:14)+"px",color:l(f),textOverflow:"ellipsis",display:"block"},children:u.label})}),!!h&&e(s,{style:{color:"inactive"===f?m.content.inactive:m.text.secondary},children:h})]}),!!v&&e("div",{style:{display:"flex",marginLeft:"auto"},children:v})]})}))}));c.displayName="ListItem";export{c as ListItem};

package/dist/esm/components/markdown/index.js

@@ -1 +1 @@
-import{jsx as t,Fragment as e,jsxs as n}from"react/jsx-runtime";const r=/\*\*([^*]+)\*\*/g,s=/\*([^*]+)\*/g,a=/`([^`]+)`/g,l=/\[([^\]]+)\]\(([^)]+)\)/g;function c(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(...t)=>{for(let e=1;e<t.length-2;e++)if(void 0!==t[e])return t[e];return""}).trim()}const i=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,h=/https?:\/\/[^\s)]+/g,o=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function u(t,e,n){const r=t.slice(e,n),s=r.includes("["),a=r.includes("]"),l=r.includes("("),c=r.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(r),h=r.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return s&&a&&l&&c&&i}function d(t,e,n,l){const c=t.slice(n,l);return e===r?c.startsWith("**")&&c.endsWith("**")&&c.length>4:e===s?c.startsWith("*")&&c.endsWith("*")&&c.length>2:e!==a||c.startsWith("`")&&c.endsWith("`")&&c.length>2}function p(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function g(e){var g;const f=[];let m=0,x=e;x=x.replace(/\[([^\]]+)\]\([^)]*$/g,(t,e)=>e);x=x.replace(/\[([^\]]+)\]\($/g,(t,e)=>e);const b=[],k=[],y=(t,e)=>{for(const n of k)if(t<n.end&&e>n.start)return!0;return!1},z=(t,e)=>{k.push({start:t,end:e})};let A;for(l.lastIndex=0;null!==(A=l.exec(x));){const t=null!==(g=A.index)&&void 0!==g?g:0;u(x,t,t+A[0].length)&&(b.push({match:A[0],type:"link",start:t,end:t+A[0].length,data:A}),z(t,t+A[0].length))}[{regex:i,type:"email"},{regex:h,type:"url"},{regex:r,type:"bold"},{regex:s,type:"italic"},{regex:a,type:"code"}].forEach(({regex:t,type:e})=>{var n;let r;for(t.lastIndex=0;null!==(r=t.exec(x));){const s=null!==(n=r.index)&&void 0!==n?n:0,a=s+r[0].length;if(!y(s,a)){if("italic"===e){if(x.slice(Math.max(0,s-1),Math.min(x.length,a+1)).includes("**"))continue}("bold"!==e&&"italic"!==e&&"code"!==e||d(x,t,s,a))&&("url"!==e||p(r[0]))&&(b.push({match:r[0],type:e,start:s,end:a,data:r}),z(s,a))}}});const W=[...x.matchAll(o)].map(t=>{var e;const n=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:n,end:n+t[0].length}});var Z;(Z=x,W.map(t=>t.raw).filter(t=>{const e=Z.indexOf(t);if(-1===e)return!1;let n=e;for(;n>0&&!/\s/.test(Z[n-1]);)n--;let r=e+t.length;for(;r<Z.length&&!/\s/.test(Z[r]);)r++;const s=Z.slice(n,r);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s))return!1;if(/https?:\/\//i.test(s)&&s!==t)return!1;const a=Z[e-1],l=Z[e+t.length];return!(a&&/[@\w]/.test(a)||l&&/[@\w]/.test(l)||t.replace(/\D/g,"").length<8)})).forEach(t=>{const e=x.indexOf(t);if(-1===e)return;const n=e,r=e+t.length;y(n,r)||(b.push({match:t,type:"phone",start:n,end:r,data:null}),z(n,r))}),b.sort((t,e)=>t.start-e.start);let $=0;for(const e of b){switch(e.start>$&&f.push(x.slice($,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");f.push(t("strong",{children:n},m++));break}case"italic":{const n=e.match.replace(/\*/g,"");f.push(t("em",{children:n},m++));break}case"code":{const n=e.match.replace(/`/g,"");f.push(t("code",{className:"bg-gray-100 px-1 rounded",children:n},m++));break}case"phone":{const t=e.match.trim(),r=t.replace(/[^+\d]/g,"");f.push(n("a",{href:`tel:${r}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",t," "]},m++));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,e,r]=n,s=c(e);f.push(t("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:s},m++))}break}case"email":f.push(t("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},m++));break;case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;f.push(t("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},m++));break}}$=e.end}return $<x.length&&f.push(x.slice($)),f}function f({text:n}){const r=n.replace(/\\n/g,"\n").split("\n"),s=[];let a=[];const l=e=>{a.length>0&&(s.push(t("ul",{className:"ml-1",children:a.map((e,n)=>t("li",{children:g(e)},n))},e)),a=[])};return r.forEach((e,n)=>{e.startsWith("- ")?a.push(e.slice(2)):(l(n),""!==e.trim()&&s.push(t("p",{children:g(e)},n)))}),l(r.length),t(e,{children:s})}export{f as default};
+import{jsx as t,Fragment as e,jsxs as n}from"react/jsx-runtime";const r=/\*\*([^*]+)\*\*/g,s=/\*([^*]+)\*/g,a=/`([^`]+)`/g,l=/\[([^\]]+)\]\(([^)]+)\)/g;function c(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(function(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()}const i=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,h=/https?:\/\/[^\s)]+/g,o=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function u(t,e,n){const r=t.slice(e,n),s=r.includes("["),a=r.includes("]"),l=r.includes("("),c=r.includes(")"),i=/^\[([^\]]+)\]\(([^)]+)\)$/.test(r),h=r.match(/\]\(([^)]+)\)$/);if(h){const t=h[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return s&&a&&l&&c&&i}function d(t,e,n,l){const c=t.slice(n,l);return e===r?c.startsWith("**")&&c.endsWith("**")&&c.length>4:e===s?c.startsWith("*")&&c.endsWith("*")&&c.length>2:e!==a||c.startsWith("`")&&c.endsWith("`")&&c.length>2}function p(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)}function g(e){var g;const f=[];let m=0,x=e;x=x.replace(/\[([^\]]+)\]\([^)]*$/g,((t,e)=>e));x=x.replace(/\[([^\]]+)\]\($/g,((t,e)=>e));const b=[],k=[],y=(t,e)=>{for(const n of k)if(t<n.end&&e>n.start)return!0;return!1},z=(t,e)=>{k.push({start:t,end:e})};let A;for(l.lastIndex=0;null!==(A=l.exec(x));){const t=null!==(g=A.index)&&void 0!==g?g:0;u(x,t,t+A[0].length)&&(b.push({match:A[0],type:"link",start:t,end:t+A[0].length,data:A}),z(t,t+A[0].length))}[{regex:i,type:"email"},{regex:h,type:"url"},{regex:r,type:"bold"},{regex:s,type:"italic"},{regex:a,type:"code"}].forEach((t=>{let{regex:e,type:n}=t;var r;let s;for(e.lastIndex=0;null!==(s=e.exec(x));){const t=null!==(r=s.index)&&void 0!==r?r:0,a=t+s[0].length;if(!y(t,a)){if("italic"===n){if(x.slice(Math.max(0,t-1),Math.min(x.length,a+1)).includes("**"))continue}("bold"!==n&&"italic"!==n&&"code"!==n||d(x,e,t,a))&&("url"!==n||p(s[0]))&&(b.push({match:s[0],type:n,start:t,end:a,data:s}),z(t,a))}}}));const W=[...x.matchAll(o)].map((t=>{var e;const n=null!==(e=t.index)&&void 0!==e?e:0;return{raw:t[0],start:n,end:n+t[0].length}}));var Z;(Z=x,W.map((t=>t.raw)).filter((t=>{const e=Z.indexOf(t);if(-1===e)return!1;let n=e;for(;n>0&&!/\s/.test(Z[n-1]);)n--;let r=e+t.length;for(;r<Z.length&&!/\s/.test(Z[r]);)r++;const s=Z.slice(n,r);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(s))return!1;if(/https?:\/\//i.test(s)&&s!==t)return!1;const a=Z[e-1],l=Z[e+t.length];return!(a&&/[@\w]/.test(a)||l&&/[@\w]/.test(l)||t.replace(/\D/g,"").length<8)}))).forEach((t=>{const e=x.indexOf(t);if(-1===e)return;const n=e,r=e+t.length;y(n,r)||(b.push({match:t,type:"phone",start:n,end:r,data:null}),z(n,r))})),b.sort(((t,e)=>t.start-e.start));let $=0;for(const e of b){switch(e.start>$&&f.push(x.slice($,e.start)),e.type){case"bold":{const n=e.match.replace(/\*\*/g,"");f.push(t("strong",{children:n},m++));break}case"italic":{const n=e.match.replace(/\*/g,"");f.push(t("em",{children:n},m++));break}case"code":{const n=e.match.replace(/`/g,"");f.push(t("code",{className:"bg-gray-100 px-1 rounded",children:n},m++));break}case"phone":{const t=e.match.trim(),r=t.replace(/[^+\d]/g,"");f.push(n("a",{href:`tel:${r}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"},children:[" ",t," "]},m++));break}case"link":{const n=e.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,e,r]=n,s=c(e);f.push(t("a",{href:r,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:s},m++))}break}case"email":f.push(t("a",{href:`mailto:${e.match}`,className:"text-link",children:e.match},m++));break;case"url":{const n=e.match.endsWith(".")?e.match.slice(0,-1):e.match;f.push(t("a",{href:n,target:"_blank",rel:"noopener noreferrer",className:"text-link",children:e.match},m++));break}}$=e.end}return $<x.length&&f.push(x.slice($)),f}function f(n){let{text:r}=n;const s=r.replace(/\\n/g,"\n").split("\n"),a=[];let l=[];const c=e=>{l.length>0&&(a.push(t("ul",{className:"ml-1",children:l.map(((e,n)=>t("li",{children:g(e)},n)))},e)),l=[])};return s.forEach(((e,n)=>{e.startsWith("- ")?l.push(e.slice(2)):(c(n),""!==e.trim()&&a.push(t("p",{children:g(e)},n)))})),c(s.length),t(e,{children:a})}export{f as default};

package/dist/esm/components/modals/Modal.js

@@ -1 +1 @@
-import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{RootContainer as n,CentralContainer as s,CloseButtonContainer as l,CloseButtonWithTimer as a}from"./modal.styled.js";import{COLORS as d}from"../../constants/Theme.js";import c from"../../assets/icons/cross.svg.js";import{BodySecondary as h}from"../TypographyStyle.js";const m=m=>{var p;const[k,C]=i(m.timeOut||5);r(()=>{if(!m.skipModalWithTimer)return;const t=setInterval(()=>{C(o=>{const e=o-1;return e<=0?(clearInterval(t),0):e})},1e3);return()=>clearInterval(t)},[m.skipModalWithTimer]);return t(o,{children:m.open&&t("div",{id:m.id||"bik-modal",children:t(n,{"data-test":m["data-test"],zIndex:m.zIndex,onClick:t=>{m.closeOnOutsideClick&&m.onClose?m.skipModalWithTimer&&k>0?t.stopPropagation():m.onClose():t.stopPropagation()},children:t(s,{style:Object.assign({},null!==(p=m.centralContainerStyles)&&void 0!==p?p:{}),onClick:t=>{t.stopPropagation()},width:m.width,children:e(o,{children:[!(null==m?void 0:m.hideCrossButton)&&!m.skipModalWithTimer&&t(l,{"data-test":(m["data-test"]||"")+"-close-button",onClick:()=>m.onClose&&m.onClose(),children:t(c,{height:20,width:20,color:d.content.secondary})}),m.skipModalWithTimer&&e(a,{"data-test":(m["data-test"]||"")+"-timer-close-button",onClick:()=>{k>0||m.onClose&&m.onClose()},timerExists:k>0,children:[k>0?e(h,{children:["Skip in ",k," sec "]}):t(o,{}),t(c,{height:20,width:20,color:k>0?d.stroke.primary:d.content.secondary})]}),m.children]})})})})})};export{m as Modal};
+import{jsx as t,Fragment as o,jsxs as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{RootContainer as n,CentralContainer as s,CloseButtonContainer as l,CloseButtonWithTimer as a}from"./modal.styled.js";import{COLORS as d}from"../../constants/Theme.js";import c from"../../assets/icons/cross.svg.js";import{BodySecondary as h}from"../TypographyStyle.js";const m=m=>{var p;const[k,C]=i(m.timeOut||5);r((()=>{if(!m.skipModalWithTimer)return;const t=setInterval((()=>{C((o=>{const e=o-1;return e<=0?(clearInterval(t),0):e}))}),1e3);return()=>clearInterval(t)}),[m.skipModalWithTimer]);return t(o,{children:m.open&&t("div",{id:m.id||"bik-modal",children:t(n,{"data-test":m["data-test"],zIndex:m.zIndex,onClick:t=>{m.closeOnOutsideClick&&m.onClose?m.skipModalWithTimer&&k>0?t.stopPropagation():m.onClose():t.stopPropagation()},children:t(s,{style:Object.assign({},null!==(p=m.centralContainerStyles)&&void 0!==p?p:{}),onClick:t=>{t.stopPropagation()},width:m.width,children:e(o,{children:[!(null==m?void 0:m.hideCrossButton)&&!m.skipModalWithTimer&&t(l,{"data-test":(m["data-test"]||"")+"-close-button",onClick:()=>m.onClose&&m.onClose(),children:t(c,{height:20,width:20,color:d.content.secondary})}),m.skipModalWithTimer&&e(a,{"data-test":(m["data-test"]||"")+"-timer-close-button",onClick:()=>{k>0||m.onClose&&m.onClose()},timerExists:k>0,children:[k>0?e(h,{children:["Skip in ",k," sec "]}):t(o,{}),t(c,{height:20,width:20,color:k>0?d.stroke.primary:d.content.secondary})]}),m.children]})})})})})};export{m as Modal};

package/dist/esm/components/multi-level-dropdown/GroupedMenuList.js

@@ -1 +1 @@
-import{jsxs as o,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as e}from"../TypographyStyle.js";import{MenuItem as p}from"./MenuItem.js";import{GroupedMenuListContainer as n}from"./MultiLevelDropdown.styled.js";const i=({width:i,onDropdownItemClick:m,option:l,parents:s})=>o(n,{children:[t(e,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.content.placeholder,children:l.label}),l.options.map((o,r)=>t(p,{width:i,onDropdownItemClick:m,option:o,parents:s},r))]});export{i as GroupedMenuList};
+import{jsxs as o,jsx as t}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import{BodyTiny as e}from"../TypographyStyle.js";import{MenuItem as p}from"./MenuItem.js";import{GroupedMenuListContainer as n}from"./MultiLevelDropdown.styled.js";const i=i=>{let{width:l,onDropdownItemClick:m,option:s,parents:d}=i;return o(n,{children:[t(e,{style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.content.placeholder,children:s.label}),s.options.map(((o,r)=>t(p,{width:l,onDropdownItemClick:m,option:o,parents:d},r)))]})};export{i as GroupedMenuList};

package/dist/esm/components/multi-level-dropdown/MenuItem.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight2.svg.js";import i,{useRef as l,Suspense as r}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BodyCaption as c,BodyTiny as s}from"../TypographyStyle.js";import{MenuItemWrapper as a,MenuItemContainer as p,ContentContainer as h,LeadingIconContainer as u,TrailingIconContainer as m,SubMenuContainer as v,StyledSubMenuWrapper as g,SubMenuListContainer as b}from"./MultiLevelDropdown.styled.js";const f=i.lazy(()=>import("./MenuList.js").then(e=>({default:e.MenuList}))),y=({width:y,onDropdownItemClick:w,option:M,parents:C})=>{var I,j,L,S,T,k,x;const[D,E]=i.useState(!1),[R,z]=i.useState(!1),[B,H]=i.useState({top:0,left:0}),N=l({top:0,left:0});return e(a,{onMouseEnter:e=>{E(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();H({top:t.top,left:t.right}),N.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{E(!1)},onClick:()=>{var e,t;!w||null!==(e=M.disabled)&&void 0!==e&&e||(null===(t=M.children)||void 0===t?void 0:t.length)||w(M,C)},id:"menuItemWrapper",style:{cursor:null!==(I=M.disabled)&&void 0!==I&&I?"not-allowed":"pointer",backgroundColor:null!==(j=M.disabled)&&void 0!==j&&j?d.surface.standard:"transparent"},children:[M.customComponent?M.customComponent:e(p,{isSelected:M.selected,isSubMenuOpen:D,isHovered:R,isDisabled:null!==(L=M.disabled)&&void 0!==L&&L,children:[e(h,{children:[M.leadingIcon&&t(u,{children:M.leadingIcon}),e("div",{children:[t(c,{style:{color:null!==(S=M.disabled)&&void 0!==S&&S?d.content.inactive:M.selected||R?d.content.positive:d.content.primary},children:M.label}),M.subText&&t(s,{style:{color:null!==(T=M.disabled)&&void 0!==T&&T?d.content.inactive:M.selected||R?d.content.positive:d.content.secondary,marginTop:"2px"},children:M.subText})]})]}),M.children&&M.children.length>0?t(m,{children:t(o,{width:16,height:16,color:null!==(k=M.disabled)&&void 0!==k&&k?d.content.inactive:M.selected||R?d.content.positive:d.content.primary})}):M.trailingIcon?t(m,{children:M.trailingIcon}):t(n,{})]}),!(null!==(x=M.disabled)&&void 0!==x&&x)&&M.children&&M.children.length>0&&D&&t(v,{width:y,className:"submenu",onMouseEnter:()=>z(!0),onMouseLeave:()=>z(!1),children:t(g,{width:y,top:B.top,left:B.left,children:t(b,{children:t(r,{fallback:t("div",{children:"Loading..."}),children:t(f,{width:y,onDropdownItemClick:w,options:M.children,parents:[...C,M]})})})})})]})};export{y as MenuItem};
+import{jsxs as e,jsx as t,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/chevronRight2.svg.js";import i,{useRef as l,Suspense as r}from"react";import{COLORS as d}from"../../constants/Theme.js";import{BodyCaption as c,BodyTiny as s}from"../TypographyStyle.js";import{MenuItemWrapper as a,MenuItemContainer as p,ContentContainer as h,LeadingIconContainer as u,TrailingIconContainer as m,SubMenuContainer as v,StyledSubMenuWrapper as g,SubMenuListContainer as b}from"./MultiLevelDropdown.styled.js";const f=i.lazy((()=>import("./MenuList.js").then((e=>({default:e.MenuList}))))),y=y=>{let{width:w,onDropdownItemClick:M,option:C,parents:I}=y;var j,L,S,T,k,x,D;const[E,R]=i.useState(!1),[z,B]=i.useState(!1),[H,N]=i.useState({top:0,left:0}),O=l({top:0,left:0});return e(a,{onMouseEnter:e=>{R(!0),(e=>{const t=e.currentTarget.getBoundingClientRect();N({top:t.top,left:t.right}),O.current={top:t.top,left:t.right}})(e)},onMouseLeave:()=>{R(!1)},onClick:()=>{var e,t;!M||null!==(e=C.disabled)&&void 0!==e&&e||(null===(t=C.children)||void 0===t?void 0:t.length)||M(C,I)},id:"menuItemWrapper",style:{cursor:null!==(j=C.disabled)&&void 0!==j&&j?"not-allowed":"pointer",backgroundColor:null!==(L=C.disabled)&&void 0!==L&&L?d.surface.standard:"transparent"},children:[C.customComponent?C.customComponent:e(p,{isSelected:C.selected,isSubMenuOpen:E,isHovered:z,isDisabled:null!==(S=C.disabled)&&void 0!==S&&S,children:[e(h,{children:[C.leadingIcon&&t(u,{children:C.leadingIcon}),e("div",{children:[t(c,{style:{color:null!==(T=C.disabled)&&void 0!==T&&T?d.content.inactive:C.selected||z?d.content.positive:d.content.primary},children:C.label}),C.subText&&t(s,{style:{color:null!==(k=C.disabled)&&void 0!==k&&k?d.content.inactive:C.selected||z?d.content.positive:d.content.secondary,marginTop:"2px"},children:C.subText})]})]}),C.children&&C.children.length>0?t(m,{children:t(o,{width:16,height:16,color:null!==(x=C.disabled)&&void 0!==x&&x?d.content.inactive:C.selected||z?d.content.positive:d.content.primary})}):C.trailingIcon?t(m,{children:C.trailingIcon}):t(n,{})]}),!(null!==(D=C.disabled)&&void 0!==D&&D)&&C.children&&C.children.length>0&&E&&t(v,{width:w,className:"submenu",onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),children:t(g,{width:w,top:H.top,left:H.left,children:t(b,{children:t(r,{fallback:t("div",{children:"Loading..."}),children:t(f,{width:w,onDropdownItemClick:M,options:C.children,parents:[...I,C]})})})})})]})};export{y as MenuItem};

package/dist/esm/components/multi-level-dropdown/MenuList.js

@@ -1 +1 @@
-import{jsx as o}from"react/jsx-runtime";import{GroupedMenuList as t}from"./GroupedMenuList.js";import{MenuItem as n}from"./MenuItem.js";import{StyledMenuList as i}from"./MultiLevelDropdown.styled.js";const r=({width:r,onDropdownItemClick:e,options:p,parents:m})=>o(i,{children:p.map((i,p)=>"value"in i?o(n,{width:r,onDropdownItemClick:e,option:i,parents:m},p):"options"in i&&i.options.length>0?o(t,{width:r,onDropdownItemClick:e,option:i,parents:m},p):void 0)});export{r as MenuList};
+import{jsx as o}from"react/jsx-runtime";import{GroupedMenuList as t}from"./GroupedMenuList.js";import{MenuItem as n}from"./MenuItem.js";import{StyledMenuList as i}from"./MultiLevelDropdown.styled.js";const r=r=>{let{width:e,onDropdownItemClick:p,options:m,parents:s}=r;return o(i,{children:m.map(((i,r)=>"value"in i?o(n,{width:e,onDropdownItemClick:p,option:i,parents:s},r):"options"in i&&i.options.length>0?o(t,{width:e,onDropdownItemClick:p,option:i,parents:s},r):void 0))})};export{r as MenuList};

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.js

@@ -1 +1 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as o,useEffect as r}from"react";import{ZeroState as i}from"../zeroState/ZeroState.js";import{COLORS as s}from"../../constants/Theme.js";import{SearchBox as l}from"../dropdown/OpenedDropdown/components/searchbox/SearchBox.js";import{Floater as d}from"../floater/floater.js";import{MenuList as c}from"./MenuList.js";import{DropdownContainer as p,OptionsContainer as a,NoResultsContainer as u}from"./MultiLevelDropdown.styled.js";const f=({options:f,width:h,isSearchable:m,onDropdownItemClick:w,refElement:g,topOffset:b,leftOffset:j,isDropdownOpen:O,onDropdownOutsideClick:x})=>{const y=t.useRef(null),[v,S]=o(f),C=e=>{const n=Array.isArray(f)?[...f]:[],t=[];for(;n.length>0;){const o=n.shift();o&&o.label.toLowerCase().includes(e.toLowerCase())&&t.push(o),o&&"children"in o&&o.children?n.push(...o.children):o&&"options"in o&&o.options&&n.push(...o.options)}const o=e=>e.map(e=>{if(t.includes(e))return e;if("children"in e&&e.children){const n=o(e.children);if(n.length>0)return Object.assign(Object.assign({},e),{children:n})}if("options"in e&&e.options){const n=o(e.options);if(n.length>0)return Object.assign(Object.assign({},e),{options:n})}return null}).filter(e=>null!==e);S(o(f))},D=e=>{y.current&&!y.current.contains(e.target)?x&&x(!0):x&&x(!1)};return r(()=>{O&&C("")},[O]),r(()=>(document.addEventListener("mousedown",D),()=>{document.removeEventListener("mousedown",D)}),[]),r(()=>{S(f)},[f]),e(d,{refElement:g,topOffset:b,leftOffset:j,children:O&&e("div",{ref:y,style:{backgroundColor:s.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:n(p,{width:h,children:[m&&e("div",{style:{padding:"4px",width:null!=h?h:"200px"},children:e(l,{onSearch:C,version:"2.0"})}),e(a,{width:h,children:(null!=v?v:[]).length>0&&e(c,{width:null!=h?h:"200px",onDropdownItemClick:w,options:v,parents:[]})}),0===(null!=v?v:[]).length&&e(u,{style:{width:null!=h?h:"200px"},children:e(i,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};export{f as MultiLevelDropdown};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as o,useEffect as r}from"react";import{ZeroState as i}from"../zeroState/ZeroState.js";import{COLORS as s}from"../../constants/Theme.js";import{SearchBox as l}from"../dropdown/OpenedDropdown/components/searchbox/SearchBox.js";import{Floater as d}from"../floater/floater.js";import{MenuList as c}from"./MenuList.js";import{DropdownContainer as p,OptionsContainer as a,NoResultsContainer as u}from"./MultiLevelDropdown.styled.js";const f=f=>{let{options:h,width:m,isSearchable:w,onDropdownItemClick:g,refElement:b,topOffset:j,leftOffset:O,isDropdownOpen:x,onDropdownOutsideClick:y}=f;const v=t.useRef(null),[S,C]=o(h),D=e=>{const n=Array.isArray(h)?[...h]:[],t=[];for(;n.length>0;){const o=n.shift();o&&o.label.toLowerCase().includes(e.toLowerCase())&&t.push(o),o&&"children"in o&&o.children?n.push(...o.children):o&&"options"in o&&o.options&&n.push(...o.options)}const o=e=>e.map((e=>{if(t.includes(e))return e;if("children"in e&&e.children){const n=o(e.children);if(n.length>0)return Object.assign(Object.assign({},e),{children:n})}if("options"in e&&e.options){const n=o(e.options);if(n.length>0)return Object.assign(Object.assign({},e),{options:n})}return null})).filter((e=>null!==e));C(o(h))},L=e=>{v.current&&!v.current.contains(e.target)?y&&y(!0):y&&y(!1)};return r((()=>{x&&D("")}),[x]),r((()=>(document.addEventListener("mousedown",L),()=>{document.removeEventListener("mousedown",L)})),[]),r((()=>{C(h)}),[h]),e(d,{refElement:b,topOffset:j,leftOffset:O,children:x&&e("div",{ref:v,style:{backgroundColor:s.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"},children:n(p,{width:m,children:[w&&e("div",{style:{padding:"4px",width:null!=m?m:"200px"},children:e(l,{onSearch:D,version:"2.0"})}),e(a,{width:m,children:(null!=S?S:[]).length>0&&e(c,{width:null!=m?m:"200px",onDropdownItemClick:g,options:S,parents:[]})}),0===(null!=S?S:[]).length&&e(u,{style:{width:null!=m?m:"200px"},children:e(i,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})})]})})})};export{f as MultiLevelDropdown};

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.styled.js

@@ -1,10 +1,10 @@
-import i from"styled-components";import{COLORS as e}from"../../constants/Theme.js";const t=i.div`
+import e from"styled-components";import{COLORS as i}from"../../constants/Theme.js";const t=e.div`
 	position: relative;
 	border-radius: 8px;
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	padding-bottom: 4px;
-`,d=i.div`
-	width: ${({width:i})=>i||"200px"};
+`,r=e.div`
+	width: ${e=>{let{width:i}=e;return i||"200px"}};
 	max-width: 300px;
 	max-height: 280px;
 	overflow-y: scroll;
@@ -12,24 +12,24 @@ import i from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&::-webkit-scrollbar {
 		width: 0px;
 	}
-`,o=i.div`
+`,n=e.div`
 	margin-top: 64px;
 	height: 200px;
-	width: ${({width:i})=>i||"200px"};
-`,r=i.div`
+	width: ${e=>{let{width:i}=e;return i||"200px"}};
+`,d=e.div`
 	width: 100%;
 	justify-content: center;
 	cursor: pointer;
 	align-items: center;
 	justify-content: space-between;
 	margin: 4px 0;
-`,n=i.div`
+`,o=e.div`
 	z-index: 1000;
 	position: relative;
 	margin: 0px;
 	padding: 0px;
 	width: 100%;
-`,p=i.div`
+`,p=e.div`
 	position: relative;
 	padding: 1px 4px;
 	cursor: pointer;
@@ -38,33 +38,33 @@ import i from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&:focus-within > .submenu {
 		display: block;
 	}
-`,s=i.div`
+`,s=e.div`
 	position: relative;
 	padding: 4px 8px 4px 8px;
 	transition: background-color 0.2s;
 	width: 100%;
 	border-radius: 8px;
 	justify-content: center;
-	background-color: ${({isSelected:i,isHovered:t,isSubMenuOpen:d,isDisabled:o})=>o?e.surface.standard:i||d?e.background.positive.light:t?e.surface.hovered:e.surface.standard};
-	color: ${({isSelected:i,isSubMenuOpen:t})=>i||t?e.content.positive:e.content.primary};
+	background-color: ${e=>{let{isSelected:t,isHovered:r,isSubMenuOpen:n,isDisabled:d}=e;return d?i.surface.standard:t||n?i.background.positive.light:r?i.surface.hovered:i.surface.standard}};
+	color: ${e=>{let{isSelected:t,isSubMenuOpen:r}=e;return t||r?i.content.positive:i.content.primary}};
 	display: flex;
 	align-items: center;
 	justify-content: space-between;
 
 	&:hover {
-		background-color: ${({isSelected:i,isDisabled:t})=>t?e.surface.standard:i?e.background.positive.light:e.surface.hovered};
+		background-color: ${e=>{let{isSelected:t,isDisabled:r}=e;return r?i.surface.standard:t?i.background.positive.light:i.surface.hovered}};
 	}
-`,a=i.div`
+`,a=e.div`
 	display: flex;
 	align-items: center;
 	gap: 8px;
-`,x=i.div`
+`,x=e.div`
 	z-index: 1001;
 	position: fixed;
 	border-left: 4px solid transparent;
-`,c=i.div`
+`,l=e.div`
 	margin: 4px;
-	background-color: ${e.surface.standard};
+	background-color: ${i.surface.standard};
 	box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.12);
 	border-radius: 8px;
 	padding-top: 4px;
@@ -75,24 +75,24 @@ import i from"styled-components";import{COLORS as e}from"../../constants/Theme.j
 	&::-webkit-scrollbar {
 		display: none;
 	}
-`,l=i.div`
+`,c=e.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-right: 4px;
-`,h=i.div`
+`,h=e.div`
 	width: 16px;
 	height: 16px;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	margin-left: 4px;
-`,g=i.div`
-	width: ${i=>i.width};
-`,u=i(x)`
-	width: ${i=>i.width};
-	top: ${i=>i.top}px;
-	left: ${i=>i.left}px;
-`;export{a as ContentContainer,t as DropdownContainer,r as GroupedMenuListContainer,l as LeadingIconContainer,s as MenuItemContainer,p as MenuItemWrapper,o as NoResultsContainer,d as OptionsContainer,n as StyledMenuList,u as StyledSubMenuWrapper,g as SubMenuContainer,c as SubMenuListContainer,x as SubMenuWrapper,h as TrailingIconContainer};
+`,u=e.div`
+	width: ${e=>e.width};
+`,g=e(x)`
+	width: ${e=>e.width};
+	top: ${e=>e.top}px;
+	left: ${e=>e.left}px;
+`;export{a as ContentContainer,t as DropdownContainer,d as GroupedMenuListContainer,c as LeadingIconContainer,s as MenuItemContainer,p as MenuItemWrapper,n as NoResultsContainer,r as OptionsContainer,o as StyledMenuList,g as StyledSubMenuWrapper,u as SubMenuContainer,l as SubMenuListContainer,x as SubMenuWrapper,h as TrailingIconContainer};

package/dist/esm/components/pagination/Pagination.js

@@ -1 +1 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import{BodySecondary as i,ButtonRegular as s}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{Pagination as l}from"./Pagination.styled.js";const d=n(n=>{var{id:d,onShowMore:m,isLoading:c,numberOfItemsLoaded:h,totalNumberOfItems:f}=n,p=o(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r(l,Object.assign({id:d},p,{children:c?r(e,{children:"loading..."}):r("div",{children:h<f?t(l,{children:[t(i,{style:{color:a.content.secondary},children:["Showing ",h," out of ",f," ","results"]}),r(s,{style:{color:a.content.brand,cursor:"pointer"},onClick:()=>m&&m(),children:"Show more"})]}):r(l,{children:t(i,{style:{color:a.content.secondary},children:["Showing all ",f," results"]})})})}))});d.displayName="Pagination";export{d as Pagination};
+import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as r,Fragment as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as n}from"react";import{BodySecondary as i,ButtonRegular as s}from"../TypographyStyle.js";import{COLORS as a}from"../../constants/Theme.js";import{Pagination as l}from"./Pagination.styled.js";const d=n((n=>{var{id:d,onShowMore:m,isLoading:c,numberOfItemsLoaded:h,totalNumberOfItems:f}=n,p=o(n,["id","onShowMore","isLoading","numberOfItemsLoaded","totalNumberOfItems"]);return r(l,Object.assign({id:d},p,{children:c?r(e,{children:"loading..."}):r("div",{children:h<f?t(l,{children:[t(i,{style:{color:a.content.secondary},children:["Showing ",h," out of ",f," ","results"]}),r(s,{style:{color:a.content.brand,cursor:"pointer"},onClick:()=>m&&m(),children:"Show more"})]}):r(l,{children:t(i,{style:{color:a.content.secondary},children:["Showing all ",f," results"]})})})}))}));d.displayName="Pagination";export{d as Pagination};

package/dist/esm/components/plans/NewSubscriptionPlan.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/check.svg.js";import s from"../../assets/icons/checkCircle.svg.js";import a from"../../assets/icons/quotes.svg.js";import n from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as u}from"../../hooks/useCurreny.js";import{COLORS as y}from"../../constants/Theme.js";import{Tag as g}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";const f=f=>{var v;const{formatCurrency:T}=u(),N=f.showMonthlyOptions?f.features:f.annualFeatures||[],x=f.showMonthlyOptions?f.monthlyPlan:f.yearlyPlan,P=!f.isDisabled&&f.isMostPopular,k=f.showMonthlyOptions?f.code:null!==(v=f.yearlyCode)&&void 0!==v?v:f.code,{planName:S,isSelected:C=!1,isDisabled:M=!1,onPlanSelect:w,oldPrice:j,hideMonthYearTag:D,planDescription:L,planDescriptionDiscount:F,showTrialOptions:O,freeTrialMessages:B,extraBlockMessage:$,isLoading:z,buttonText:H,bottomDescription:W,showMonthlyOptions:_,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1,minHeightOfFeatures:Q,hoverTooltip:V,hidePriceBlock:X=!1}=f,Z=e=>K&&!_?0==e?"$0":T(Math.round(e/12),"USD"):0==e?"$0":T(e,"USD");return e(b,{body:V,children:t(l,{height:q,showMostPopularChip:P||!1,onClick:()=>w(k),children:[P&&t("div",{className:"most-popular-chip",children:[e(c,{className:"popular-text",children:"Most popular "}),e(n,{height:12,width:12})]}),t("div",{className:`box  ${M?"disabled":""} \n\t\t\t\t`,children:[t("div",{className:"radio-flex",children:[!U&&e("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=M&&M,onChange:()=>w(k),className:"radio-button",checked:E}),e(d,{style:{color:y.content.secondary,marginBottom:4},children:S}),J&&e("div",{style:{marginLeft:"auto"},children:e(g,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),X?e(i,{}):t("div",{className:"price-block",children:[j?e(h,{className:"old--price",children:Z(x.price)}):e(i,{}),e(m,{style:{color:y.content.primary},children:Z(j||x.price)}),e(c,{style:{color:y.content.secondary,marginLeft:4},children:D?"":"/ "+(_?"month":K?"month billed annually":"year")})]}),L&&t("div",{className:"per-message-price",children:[e(h,{style:{color:y.content.secondary},children:L}),F&&e(h,{style:{color:y.background.positive.vibrant,marginLeft:4},children:F})]}),R&&R.length&&e("div",{style:{marginTop:4},children:R.map((t,i)=>e(h,{style:{color:y.content.secondary},dangerouslySetInnerHTML:{__html:t}},i))}),O&&t(c,{className:"trial "+(C?"selected":""),children:["7 day free trial with ",B," messages"]}),$&&e(c,{className:"trial "+(C?"selected":""),children:$}),e(p,{className:"extra-include-margin",style:{height:Y?"":"20px"},children:Y||""}),e("div",{className:"features",style:{minHeight:Q},children:N.map((i,o)=>t("div",{className:"feature",children:[e("div",{children:e(s,{height:20,width:20,color:y.content.primary})}),e(h,{className:"feature-text",children:i.detail},o)]},i.detail))}),A&&e(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&e("div",{className:"button-box",children:z?e(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):t(i,{children:[C&&e(r,{disabled:M,LeadingIcon:o,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:H||"Selected Plan"}),!C&&!M&&e(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),w(k)},matchParentWidth:!0,buttonText:H||"Choose plan"})]})}),I&&t("div",{className:"popular-testimony",children:[e(a,{height:26,width:70}),e("div",{className:"testimony-text",children:e("i",{children:I})})]})]}),W&&e("div",{className:`plan-bottom-information\n\t\t\t\t\t${M?"disabled":""}\n\t\t\t\t\t${C?"selected":""}\n\t\t\t\t`,children:e(c,{className:"text",style:{color:y.background.inverse},children:W})})]})})};export{f as NewSubscriptionPlan};
+import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import o from"../../assets/icons/check.svg.js";import s from"../../assets/icons/checkCircle.svg.js";import a from"../../assets/icons/quotes.svg.js";import n from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as u}from"../../hooks/useCurreny.js";import{COLORS as y}from"../../constants/Theme.js";import{Tag as g}from"../tag/Tag.js";import{Tooltip as b}from"../tooltips/Tooltip.js";const f=f=>{var v;const{formatCurrency:T}=u(),N=f.showMonthlyOptions?f.features:f.annualFeatures||[],x=f.showMonthlyOptions?f.monthlyPlan:f.yearlyPlan,P=!f.isDisabled&&f.isMostPopular,k=f.showMonthlyOptions?f.code:null!==(v=f.yearlyCode)&&void 0!==v?v:f.code,{planName:S,isSelected:C=!1,isDisabled:M=!1,onPlanSelect:w,oldPrice:j,hideMonthYearTag:D,planDescription:L,planDescriptionDiscount:F,showTrialOptions:O,freeTrialMessages:B,extraBlockMessage:$,isLoading:z,buttonText:H,bottomDescription:W,showMonthlyOptions:_,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1,minHeightOfFeatures:Q,hoverTooltip:V,hidePriceBlock:X=!1}=f,Z=e=>K&&!_?0==e?"$0":T(Math.round(e/12),"USD"):0==e?"$0":T(e,"USD");return e(b,{body:V,children:t(l,{height:q,showMostPopularChip:P||!1,onClick:()=>w(k),children:[P&&t("div",{className:"most-popular-chip",children:[e(c,{className:"popular-text",children:"Most popular "}),e(n,{height:12,width:12})]}),t("div",{className:`box  ${M?"disabled":""} \n\t\t\t\t`,children:[t("div",{className:"radio-flex",children:[!U&&e("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=M&&M,onChange:()=>w(k),className:"radio-button",checked:E}),e(d,{style:{color:y.content.secondary,marginBottom:4},children:S}),J&&e("div",{style:{marginLeft:"auto"},children:e(g,{tagText:"Current plan",type:"positive",theme:"dark"})})]}),X?e(i,{}):t("div",{className:"price-block",children:[j?e(h,{className:"old--price",children:Z(x.price)}):e(i,{}),e(m,{style:{color:y.content.primary},children:Z(j||x.price)}),e(c,{style:{color:y.content.secondary,marginLeft:4},children:D?"":"/ "+(_?"month":K?"month billed annually":"year")})]}),L&&t("div",{className:"per-message-price",children:[e(h,{style:{color:y.content.secondary},children:L}),F&&e(h,{style:{color:y.background.positive.vibrant,marginLeft:4},children:F})]}),R&&R.length&&e("div",{style:{marginTop:4},children:R.map(((t,i)=>e(h,{style:{color:y.content.secondary},dangerouslySetInnerHTML:{__html:t}},i)))}),O&&t(c,{className:"trial "+(C?"selected":""),children:["7 day free trial with ",B," messages"]}),$&&e(c,{className:"trial "+(C?"selected":""),children:$}),e(p,{className:"extra-include-margin",style:{height:Y?"":"20px"},children:Y||""}),e("div",{className:"features",style:{minHeight:Q},children:N.map(((i,o)=>t("div",{className:"feature",children:[e("div",{children:e(s,{height:20,width:20,color:y.content.primary})}),e(h,{className:"feature-text",children:i.detail},o)]},i.detail)))}),A&&e(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&e("div",{className:"button-box",children:z?e(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):t(i,{children:[C&&e(r,{disabled:M,LeadingIcon:o,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:H||"Selected Plan"}),!C&&!M&&e(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),w(k)},matchParentWidth:!0,buttonText:H||"Choose plan"})]})}),I&&t("div",{className:"popular-testimony",children:[e(a,{height:26,width:70}),e("div",{className:"testimony-text",children:e("i",{children:I})})]})]}),W&&e("div",{className:`plan-bottom-information\n\t\t\t\t\t${M?"disabled":""}\n\t\t\t\t\t${C?"selected":""}\n\t\t\t\t`,children:e(c,{className:"text",style:{color:y.background.inverse},children:W})})]})})};export{f as NewSubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlan.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as o}from"../button/Button.js";import{SubscriptionPlanStyled as r}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as l,BodyCaption as a,TitleMedium as c,BodyPrimary as d}from"../TypographyStyle.js";import{useCurrency as m}from"../../hooks/useCurreny.js";import{COLORS as h}from"../../constants/Theme.js";const p=p=>{const{formatCurrency:u}=m(),y=p.showMonthlyOptions?p.features:p.annualFeatures||[],b=p.showMonthlyOptions?p.monthlyPlan:p.yearlyPlan,f=!p.isDisabled&&p.isMostPopular,g=e=>0==e?"$0":u(e,"USD");return e(r,{isManifestPlan:!0,isSelected:p.isSelected||!1,style:{marginTop:f?0:24},children:[f&&t("div",{className:"most-popular",children:t(n,{className:"text",children:"Most popular ⭐️"})}),e("div",{className:`box ${p.isSelected?"selected":""} ${p.isDisabled?"disabled":""} ${f?"":"rounded-corners"}\n\t\t\t\t`,children:[e("div",{children:[t(l,{style:{color:h.content.secondary,marginBottom:4},children:p.planName}),(null==p?void 0:p.hidePriceBlock)?t(i,{}):e("div",{className:"price-block",children:[p.oldPrice?t(a,{className:"old--price",children:g(b.price)}):t(i,{}),t(c,{style:{color:h.content.primary},children:p.oldPrice?g(p.oldPrice):g(b.price)}),t(d,{style:{color:h.content.secondary,marginLeft:4},children:p.hideMonthYearTag?"":"/ "+(p.showMonthlyOptions?"month":"year")})]}),e("div",{className:"per-message-price",children:[p.planDescription&&t(a,{style:{color:h.content.secondary},children:p.planDescription}),p.planDescriptionDiscount&&t(a,{style:{color:h.background.positive.vibrant,marginLeft:4},children:p.planDescriptionDiscount})]}),p.showTrialOptions&&e(n,{className:"trial "+(p.isSelected?"selected":""),children:["7 day free trial with ",p.freeTrialMessages," messages"]}),p.extraBlockMessage&&t(n,{className:"trial "+(p.isSelected?"selected":""),children:p.extraBlockMessage}),t("div",{className:"features",children:y.map((i,o)=>e("div",{className:"feature",children:[t("div",{children:t(s,{height:12,width:12,color:h.content.primary})}),t(a,{className:"feature-text",children:i.detail},o)]},i.detail))})]}),t("div",{className:"button-box",children:p.isLoading?t(o,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(i,{children:[p.isSelected&&t(o,{disabled:p.isDisabled,LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:p.buttonText||"Selected Plan"}),!p.isSelected&&!p.isDisabled&&t(o,{buttonType:"primary",size:"medium",onClick:()=>p.onPlanSelect(p.code),matchParentWidth:!0,buttonText:p.buttonText||"Choose plan"})]})})]}),p.bottomDescription&&t("div",{className:`plan-bottom-information\n\t\t\t\t\t${p.isDisabled?"disabled":""}\n\t\t\t\t\t${p.isSelected?"selected":""}\n\t\t\t\t`,children:t(n,{className:"text",style:{color:h.background.inverse},children:p.bottomDescription})})]})};export{p as SubscriptionPlan};
+import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import s from"../../assets/icons/check.svg.js";import{Button as o}from"../button/Button.js";import{SubscriptionPlanStyled as r}from"./SubscriptionPlanStyled.js";import{Caption as n,TitleRegular as l,BodyCaption as a,TitleMedium as c,BodyPrimary as d}from"../TypographyStyle.js";import{useCurrency as m}from"../../hooks/useCurreny.js";import{COLORS as h}from"../../constants/Theme.js";const p=p=>{const{formatCurrency:u}=m(),y=p.showMonthlyOptions?p.features:p.annualFeatures||[],b=p.showMonthlyOptions?p.monthlyPlan:p.yearlyPlan,f=!p.isDisabled&&p.isMostPopular,g=e=>0==e?"$0":u(e,"USD");return e(r,{isManifestPlan:!0,isSelected:p.isSelected||!1,style:{marginTop:f?0:24},children:[f&&t("div",{className:"most-popular",children:t(n,{className:"text",children:"Most popular ⭐️"})}),e("div",{className:`box ${p.isSelected?"selected":""} ${p.isDisabled?"disabled":""} ${f?"":"rounded-corners"}\n\t\t\t\t`,children:[e("div",{children:[t(l,{style:{color:h.content.secondary,marginBottom:4},children:p.planName}),(null==p?void 0:p.hidePriceBlock)?t(i,{}):e("div",{className:"price-block",children:[p.oldPrice?t(a,{className:"old--price",children:g(b.price)}):t(i,{}),t(c,{style:{color:h.content.primary},children:p.oldPrice?g(p.oldPrice):g(b.price)}),t(d,{style:{color:h.content.secondary,marginLeft:4},children:p.hideMonthYearTag?"":"/ "+(p.showMonthlyOptions?"month":"year")})]}),e("div",{className:"per-message-price",children:[p.planDescription&&t(a,{style:{color:h.content.secondary},children:p.planDescription}),p.planDescriptionDiscount&&t(a,{style:{color:h.background.positive.vibrant,marginLeft:4},children:p.planDescriptionDiscount})]}),p.showTrialOptions&&e(n,{className:"trial "+(p.isSelected?"selected":""),children:["7 day free trial with ",p.freeTrialMessages," messages"]}),p.extraBlockMessage&&t(n,{className:"trial "+(p.isSelected?"selected":""),children:p.extraBlockMessage}),t("div",{className:"features",children:y.map(((i,o)=>e("div",{className:"feature",children:[t("div",{children:t(s,{height:12,width:12,color:h.content.primary})}),t(a,{className:"feature-text",children:i.detail},o)]},i.detail)))})]}),t("div",{className:"button-box",children:p.isLoading?t(o,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(i,{children:[p.isSelected&&t(o,{disabled:p.isDisabled,LeadingIcon:s,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:p.buttonText||"Selected Plan"}),!p.isSelected&&!p.isDisabled&&t(o,{buttonType:"primary",size:"medium",onClick:()=>p.onPlanSelect(p.code),matchParentWidth:!0,buttonText:p.buttonText||"Choose plan"})]})})]}),p.bottomDescription&&t("div",{className:`plan-bottom-information\n\t\t\t\t\t${p.isDisabled?"disabled":""}\n\t\t\t\t\t${p.isSelected?"selected":""}\n\t\t\t\t`,children:t(n,{className:"text",style:{color:h.background.inverse},children:p.bottomDescription})})]})};export{p as SubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlanSelector.js

@@ -98,4 +98,4 @@ import{useState as e,createElement as o}from"react";import{jsxs as n,jsx as i,Fr
 		justify-content: flex-start;
 		gap: 8px;
 	}
-`,w=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}],k=p=>{var k,P,C,j,I,T,N,M,A,S,L,O,$,B;const[D,W]=e(null===(k=p.discountInputProperties)||void 0===k?void 0:k.defaultValue),E=p.staticWidthMultiplier?p.staticWidthMultiplier:275;return n(l,{centralContainerStyles:{width:p.plans.length*E},open:!0,closeOnOutsideClick:!0,onClose:p.onClose,children:[n(y,{children:[n("div",{children:[i(h,{children:p.header||"Select a plan to proceed"}),i(v,{className:"sub--header",children:p.subHeader||""})]}),p.showMonthlyTabs?i(m,{tabs:p.tabProperties&&p.tabProperties.tabs?p.tabProperties.tabs:w,onTabSelected:e=>{var o,n;return(null===(o=p.tabProperties)||void 0===o?void 0:o.onTabSelected)?null===(n=p.tabProperties)||void 0===n?void 0:n.onTabSelected(e):""},isSquared:!0}):i(t,{})]}),p.warningDescription&&i(b,{children:p.warningDescription}),i(x,{children:p.plans.map(e=>o(a,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:p.showMonthlyOptions||!1,showTrialOptions:p.showTrialOptions||!1,onPlanSelect:p.onPlanSelect,key:e.planName})))}),(p.showCouponApplicationCode||p.showBookAdemo)&&n(f,{children:[i("div",{children:p.showCouponApplicationCode&&n("div",{className:"coupon-code",children:[n("div",{className:"coupon-input",children:[i(v,{style:{color:(null===(P=p.discountInputProperties)||void 0===P?void 0:P.errorMessage)?c.content.negative:""},children:"Apply coupon code"}),n("div",{className:"button--wrapper",children:[n("div",{className:(null===(C=p.discountInputProperties)||void 0===C?void 0:C.errorMessage)?"error--border dotted--border":"dotted--border",children:[i("input",{className:"input--class",onChange:e=>{var o;W(e.target.value),null===(o=p.discountInputProperties)||void 0===o||o.onChangeText(e.target.value)},value:D,placeholder:"eg:PLAN20",disabled:null===(j=p.discountInputProperties)||void 0===j?void 0:j.isLoading}),(null===(I=p.discountInputProperties)||void 0===I?void 0:I.successText)&&n("div",{className:"success--inside--chip",children:[i(r,{height:16,width:16,color:c.content.primaryInverse}),i(g,{style:{color:c.content.primaryInverse},children:"Coupon applied"})]})]}),!(null===(T=p.discountInputProperties)||void 0===T?void 0:T.successText)&&i(u,{buttonText:"Apply",buttonType:"primary",onClick:null===(N=null==p?void 0:p.discountInputProperties)||void 0===N?void 0:N.onCouponApply,isLoading:null===(M=p.discountInputProperties)||void 0===M?void 0:M.isLoading})]}),(null===(A=p.discountInputProperties)||void 0===A?void 0:A.errorMessage)&&n("div",{className:"d-flex",style:{gap:8},children:[i(s,{height:16,width:16,color:c.content.negative}),i(g,{style:{color:c.content.negative},children:null!==(L=null===(S=p.discountInputProperties)||void 0===S?void 0:S.errorMessage)&&void 0!==L?L:"Enter a valid code"})]}),(null===(O=p.discountInputProperties)||void 0===O?void 0:O.showRemoveCoupon)&&i("div",{className:"demo--input",onClick:()=>{var e,o;W(""),(null===(e=p.discountInputProperties)||void 0===e?void 0:e.removeCoupon)&&(null===(o=p.discountInputProperties)||void 0===o||o.removeCoupon())},children:"Remove coupon"})]}),(null===($=p.discountInputProperties)||void 0===$?void 0:$.successText)&&i("div",{className:"coupon--success--chip",children:i(g,{style:{color:"#00580E",maxWidth:180},children:null===(B=p.discountInputProperties)||void 0===B?void 0:B.successText})})]})}),p.showBookAdemo&&n("div",{className:"demo--wrapper",children:[i("div",{className:"demo--phone",children:i(d,{height:16,width:16,color:c.background.brand})}),i(v,{className:"demo--input",onClick:()=>p.demoLink?window.open(p.demoLink,"_blank"):p.onClickingBookADemo?p.onClickingBookADemo():"",children:"Book a demo with the team"})]})]})]})};export{f as BottomWrapper,y as HeaderWrapper,k as SubscriptionPlanSelector,w as defaultTabs};
+`,w=[{key:"Monthly",title:"Monthly"},{key:"yearly",title:"Yearly"}],k=p=>{var k,P,C,j,I,T,N,M,A,S,L,O,$,B;const[D,W]=e(null===(k=p.discountInputProperties)||void 0===k?void 0:k.defaultValue),E=p.staticWidthMultiplier?p.staticWidthMultiplier:275;return n(l,{centralContainerStyles:{width:p.plans.length*E},open:!0,closeOnOutsideClick:!0,onClose:p.onClose,children:[n(y,{children:[n("div",{children:[i(h,{children:p.header||"Select a plan to proceed"}),i(v,{className:"sub--header",children:p.subHeader||""})]}),p.showMonthlyTabs?i(m,{tabs:p.tabProperties&&p.tabProperties.tabs?p.tabProperties.tabs:w,onTabSelected:e=>{var o,n;return(null===(o=p.tabProperties)||void 0===o?void 0:o.onTabSelected)?null===(n=p.tabProperties)||void 0===n?void 0:n.onTabSelected(e):""},isSquared:!0}):i(t,{})]}),p.warningDescription&&i(b,{children:p.warningDescription}),i(x,{children:p.plans.map((e=>o(a,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:p.showMonthlyOptions||!1,showTrialOptions:p.showTrialOptions||!1,onPlanSelect:p.onPlanSelect,key:e.planName}))))}),(p.showCouponApplicationCode||p.showBookAdemo)&&n(f,{children:[i("div",{children:p.showCouponApplicationCode&&n("div",{className:"coupon-code",children:[n("div",{className:"coupon-input",children:[i(v,{style:{color:(null===(P=p.discountInputProperties)||void 0===P?void 0:P.errorMessage)?c.content.negative:""},children:"Apply coupon code"}),n("div",{className:"button--wrapper",children:[n("div",{className:(null===(C=p.discountInputProperties)||void 0===C?void 0:C.errorMessage)?"error--border dotted--border":"dotted--border",children:[i("input",{className:"input--class",onChange:e=>{var o;W(e.target.value),null===(o=p.discountInputProperties)||void 0===o||o.onChangeText(e.target.value)},value:D,placeholder:"eg:PLAN20",disabled:null===(j=p.discountInputProperties)||void 0===j?void 0:j.isLoading}),(null===(I=p.discountInputProperties)||void 0===I?void 0:I.successText)&&n("div",{className:"success--inside--chip",children:[i(r,{height:16,width:16,color:c.content.primaryInverse}),i(g,{style:{color:c.content.primaryInverse},children:"Coupon applied"})]})]}),!(null===(T=p.discountInputProperties)||void 0===T?void 0:T.successText)&&i(u,{buttonText:"Apply",buttonType:"primary",onClick:null===(N=null==p?void 0:p.discountInputProperties)||void 0===N?void 0:N.onCouponApply,isLoading:null===(M=p.discountInputProperties)||void 0===M?void 0:M.isLoading})]}),(null===(A=p.discountInputProperties)||void 0===A?void 0:A.errorMessage)&&n("div",{className:"d-flex",style:{gap:8},children:[i(s,{height:16,width:16,color:c.content.negative}),i(g,{style:{color:c.content.negative},children:null!==(L=null===(S=p.discountInputProperties)||void 0===S?void 0:S.errorMessage)&&void 0!==L?L:"Enter a valid code"})]}),(null===(O=p.discountInputProperties)||void 0===O?void 0:O.showRemoveCoupon)&&i("div",{className:"demo--input",onClick:()=>{var e,o;W(""),(null===(e=p.discountInputProperties)||void 0===e?void 0:e.removeCoupon)&&(null===(o=p.discountInputProperties)||void 0===o||o.removeCoupon())},children:"Remove coupon"})]}),(null===($=p.discountInputProperties)||void 0===$?void 0:$.successText)&&i("div",{className:"coupon--success--chip",children:i(g,{style:{color:"#00580E",maxWidth:180},children:null===(B=p.discountInputProperties)||void 0===B?void 0:B.successText})})]})}),p.showBookAdemo&&n("div",{className:"demo--wrapper",children:[i("div",{className:"demo--phone",children:i(d,{height:16,width:16,color:c.background.brand})}),i(v,{className:"demo--input",onClick:()=>p.demoLink?window.open(p.demoLink,"_blank"):p.onClickingBookADemo?p.onClickingBookADemo():"",children:"Book a demo with the team"})]})]})]})};export{f as BottomWrapper,y as HeaderWrapper,k as SubscriptionPlanSelector,w as defaultTabs};

package/dist/esm/components/plans/SubscriptionPlansCollected.js

@@ -16,4 +16,4 @@ import{jsx as t}from"react/jsx-runtime";import{useState as e,createElement as l}
 	&::-webkit-scrollbar-thumb:horizontal {
 		width: 8px;
 	}
-`,n=i=>{var n;const[a,s]=e(null!==(n=i.selectedPlan)&&void 0!==n?n:"");return t(r,{style:{padding:"28px 0px 5px 0px"},maxWidth:i.maxWidth,children:i.plans.map((e,r)=>{var n,d,h;return t("div",{style:{minWidth:null!==(n=i.staticWidth)&&void 0!==n?n:280,maxWidth:null!==(d=i.staticWidth)&&void 0!==d?d:280},children:l(o,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:null!==(h="monthly"==i.selectedTab)&&void 0!==h&&h,showTrialOptions:i.showTrialOptions||!1,onPlanSelect:t=>{i.onPlanSelect(t),s(t)},key:e.planName,isPlanSelected:a==("monthly"==i.selectedTab?e.code:e.yearlyCode),onClickShowAllFeatures:i.onClickShowAllFeatures,showSelectedPlanChip:i.currentPlan==("monthly"==i.selectedTab?e.code:e.yearlyCode),minHeightOfFeatures:i.minHeightOfFeatures}))},r)})})};export{n as SubscriptionPlansCollected};
+`,n=i=>{var n;const[a,s]=e(null!==(n=i.selectedPlan)&&void 0!==n?n:"");return t(r,{style:{padding:"28px 0px 5px 0px"},maxWidth:i.maxWidth,children:i.plans.map(((e,r)=>{var n,d,h;return t("div",{style:{minWidth:null!==(n=i.staticWidth)&&void 0!==n?n:280,maxWidth:null!==(d=i.staticWidth)&&void 0!==d?d:280},children:l(o,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:null!==(h="monthly"==i.selectedTab)&&void 0!==h&&h,showTrialOptions:i.showTrialOptions||!1,onPlanSelect:t=>{i.onPlanSelect(t),s(t)},key:e.planName,isPlanSelected:a==("monthly"==i.selectedTab?e.code:e.yearlyCode),onClickShowAllFeatures:i.onClickShowAllFeatures,showSelectedPlanChip:i.currentPlan==("monthly"==i.selectedTab?e.code:e.yearlyCode),minHeightOfFeatures:i.minHeightOfFeatures}))},r)}))})};export{n as SubscriptionPlansCollected};

package/dist/esm/components/postPicker/postPicker.js

@@ -1 +1 @@
-import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{SearchIcon as i}from"../../assets/icons/searchIcon.js";import{useState as r,useRef as n,useEffect as o}from"react";import{StyledProductGrid as s,StyledProduct as l}from"./PostPicker.styled.js";import{Tag as d}from"../tag/Tag.js";import{ButtonRegular as c,BodyPrimary as p,BodyCaption as m,TitleMedium as h,ButtonLarge as y,BodySecondary as u}from"../TypographyStyle.js";import{unCamelCase as g}from"../../utils/unCamelCase.js";import{PRIMARY as w}from"../../constants/colors.js";import{COLORS as v}from"../../constants/Theme.js";import f from"../../assets/icons/instagram.svg.js";import C from"../../assets/icons/warning.svg.js";import"../tooltips/Tooltip.js";import"../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as j}from"../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../utils/DateUtils.js";import"../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import{StyledModal as D}from"../modals/styledModal.js";import{BikShimmer as T}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as S}from"../shimmer-image/ShimmerImage.js";import{StateComponent as k,StateInterface as x}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";var b,B;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(b||(b={})),function(e){e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday"}(B||(B={}));const I=[{label:"Today",value:"today",key:B.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:B["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:B["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:B.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}],P=B=>{var P,V;const[L,G]=r(null!==(P=B.previouslySelected)&&void 0!==P?P:[]),[_,O]=r(""),[E,N]=r(!1),[R,$]=r(B.media),[M,A]=r(!1),[F,H]=r(!1),[U,z]=r(!1),Y=n(null);o(()=>{B.media.length||(N(!0),setTimeout(()=>{N(!1)},2e3)),G(B.selected||[])},[]),o(()=>{B.media.length>0&&($(B.media),N(!1))},[null===(V=null==B?void 0:B.media)||void 0===V?void 0:V.length]),o(()=>{L.length>0&&O("")},[L.length]),o(()=>{M&&($(B.media),H(!1))},[M]),o(()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||z(!U)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}});return e("div",{ref:Y,children:t(D,{zIndex:201,open:B.showModal,headingTitle:B.title,onClose:B.onClose,centralContainerStyles:{width:1071,height:B.showFilter?650:564},primaryButton:{disabled:!R.length,buttonType:"primary",buttonText:`Select ${g(B.mediaType)}`,onClick:()=>{L.length?B.onSelect(L):O(`Please select a ${B.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>B.onClose()},footerLeftCustomElement:_?e(d,{tagText:_,type:"negative",LeadingIcon:C}):L.length?t(u,{children:[L.length," selected"]}):null,id:"post-picker",children:[B.showFilter&&t("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[e(j,{options:I,placeholder:"posted on",resetDropdown:M,onOptionSelected:e=>{var t,a;let i=null,r=null;"Custom range"===e.label?(i=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,r=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(i=e.typeValue[0],r=e.typeValue[1]);const n=B.media.filter(e=>function(e,t,a){const i=new Date(e),r=new Date(t),n=new Date(a);return i>=r&&i<=n}(e.timestamp,i,r));$(n),H(!0),A(!1)},closeDropdown:U}),F&&e(c,{color:v.content.secondary,onClick:()=>A(!0),style:{cursor:"pointer"},children:"Clear"})]}),E?e("div",{style:{padding:"0 24px"},children:e(T,{boxes:[{width:(B.mediaType==b.POST?148:104)+"px",height:(B.mediaType==b.POST?148:172)+"px"}]})}):e(a,{children:R&&R.length?e(s,{mediaType:B.mediaType,children:R.map(a=>{return t(l,{mediaType:B.mediaType,className:""+(i=a,r=L,r.some(e=>e.id===i.id)?"selected":""),onClick:()=>{return e=a,void G(()=>L.find(t=>t.id===e.id)?L.filter(t=>t.id!==e.id):!B.limit||L.length<B.limit?[...L,e]:(O(`Only ${B.limit} ${B.mediaType}s can be selected`),L));var e},children:[e(S,{imageUrl:a.imageUrl,width:B.mediaType==b.POST?148:104,height:B.mediaType==b.POST?148:172,alt:a.overlayCaption}),t("div",{className:"overlay",children:[e("a",{target:"_blank",rel:"noreferrer",href:a.redirectionUrl,children:t("div",{className:"overlay__redirection",children:[e(f,{height:22,width:22}),e(p,{color:w,style:{fontWeight:500},children:"View"})]})}),e("div",{className:"overlay__caption",children:e(m,{color:v.content.placeholder,children:a.overlayCaption})})]})]},a.id);var i,r})}):e("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:B.media.length?R.length?e(a,{}):t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[e("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${v.background.inverse}`,borderRadius:"50%"},children:e(i,{color:v.content.primaryInverse})}),t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[e(h,{children:"No results found"}),e(p,{children:"Sorry we could not find any results for the selected filter"})]}),e("div",{onClick:()=>{A(!0)},style:{cursor:"pointer"},children:e(y,{color:`${v.content.brand}`,children:"Clear Filter"})})]}):e(k,{states:x.WARNING,heading:`No ${B.mediaType}s on your account`,subline:`There seems to be no ${B.mediaType}s on your account`,isButtonEnabled:!1,width:400})})})]})})};export{B as DateKeys,b as MEDIA_TYPES,P as PostPicker,I as dateOptions};
+import{jsx as e,jsxs as t,Fragment as a}from"react/jsx-runtime";import{SearchIcon as i}from"../../assets/icons/searchIcon.js";import{useState as r,useRef as n,useEffect as o}from"react";import{StyledProductGrid as s,StyledProduct as l}from"./PostPicker.styled.js";import{Tag as d}from"../tag/Tag.js";import{ButtonRegular as c,BodyPrimary as p,BodyCaption as m,TitleMedium as h,ButtonLarge as y,BodySecondary as u}from"../TypographyStyle.js";import{unCamelCase as g}from"../../utils/unCamelCase.js";import{PRIMARY as w}from"../../constants/colors.js";import{COLORS as v}from"../../constants/Theme.js";import f from"../../assets/icons/instagram.svg.js";import C from"../../assets/icons/warning.svg.js";import"../tooltips/Tooltip.js";import"../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as j}from"../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../shimmer/ShimmerComponent/ShimmerStyled.js";import"../../utils/DateUtils.js";import"../analytics-chips-and-dropdowns/chart/utils/calcPercentage.js";import"../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../analytics-chips-and-dropdowns/chart/scoreBlock/ScoreBlock.styled.js";import"../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.js";import"../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarDistributionChart.model.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarGraph/FunnelVerticalBarGraph.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../analytics-chips-and-dropdowns/chart/heatmap/HeatMapVertical.js";import"../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import{StyledModal as D}from"../modals/styledModal.js";import{BikShimmer as T}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as S}from"../shimmer-image/ShimmerImage.js";import{StateComponent as k,StateInterface as x}from"../states/StateComponent.js";import"../../_virtual/_tslib.js";var b,B;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(b||(b={})),function(e){e.Today="Today",e["7_Days"]="7",e["30_Days"]="30",e.custom="custom",e.Yesterday="Yesterday"}(B||(B={}));const I=[{label:"Today",value:"today",key:B.Today,typeValue:[new Date,new Date]},{label:"Last 7 days",value:"7 days",key:B["7_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-6)),new Date]},{label:"Last 30 days",value:"30 days",key:B["30_Days"],typeValue:[new Date((new Date).setDate((new Date).getDate()-29)),new Date]},{label:"Custom range",value:"calender",key:B.custom,isCustom:!0,dateRangeSelectionOptions:{selectRange:!0,maxDate:new Date((new Date).setMonth((new Date).getMonth()+3))}}],P=B=>{var P,V;const[L,G]=r(null!==(P=B.previouslySelected)&&void 0!==P?P:[]),[_,O]=r(""),[E,N]=r(!1),[R,$]=r(B.media),[M,A]=r(!1),[F,H]=r(!1),[U,z]=r(!1),Y=n(null);o((()=>{B.media.length||(N(!0),setTimeout((()=>{N(!1)}),2e3)),G(B.selected||[])}),[]),o((()=>{B.media.length>0&&($(B.media),N(!1))}),[null===(V=null==B?void 0:B.media)||void 0===V?void 0:V.length]),o((()=>{L.length>0&&O("")}),[L.length]),o((()=>{M&&($(B.media),H(!1))}),[M]),o((()=>{const e=e=>{document.getElementById("analytic-dropdown").contains(e.target)||z(!U)},t=document.getElementById("post-picker");return t&&t.addEventListener("click",e),()=>{t&&t.removeEventListener("click",e)}}));return e("div",{ref:Y,children:t(D,{zIndex:201,open:B.showModal,headingTitle:B.title,onClose:B.onClose,centralContainerStyles:{width:1071,height:B.showFilter?650:564},primaryButton:{disabled:!R.length,buttonType:"primary",buttonText:`Select ${g(B.mediaType)}`,onClick:()=>{L.length?B.onSelect(L):O(`Please select a ${B.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>B.onClose()},footerLeftCustomElement:_?e(d,{tagText:_,type:"negative",LeadingIcon:C}):L.length?t(u,{children:[L.length," selected"]}):null,id:"post-picker",children:[B.showFilter&&t("div",{style:{marginTop:24,marginBottom:24,padding:"0 24px",display:"flex",flexDirection:"row",gap:8,alignItems:"center"},children:[e(j,{options:I,placeholder:"posted on",resetDropdown:M,onOptionSelected:e=>{var t,a;let i=null,r=null;"Custom range"===e.label?(i=(null===(t=null==e?void 0:e.selectedRange)||void 0===t?void 0:t[0])||new Date,r=(null===(a=null==e?void 0:e.selectedRange)||void 0===a?void 0:a[1])||new Date):(i=e.typeValue[0],r=e.typeValue[1]);const n=B.media.filter((e=>function(e,t,a){const i=new Date(e),r=new Date(t),n=new Date(a);return i>=r&&i<=n}(e.timestamp,i,r)));$(n),H(!0),A(!1)},closeDropdown:U}),F&&e(c,{color:v.content.secondary,onClick:()=>A(!0),style:{cursor:"pointer"},children:"Clear"})]}),E?e("div",{style:{padding:"0 24px"},children:e(T,{boxes:[{width:(B.mediaType==b.POST?148:104)+"px",height:(B.mediaType==b.POST?148:172)+"px"}]})}):e(a,{children:R&&R.length?e(s,{mediaType:B.mediaType,children:R.map((a=>{return t(l,{mediaType:B.mediaType,className:""+(i=a,r=L,r.some((e=>e.id===i.id))?"selected":""),onClick:()=>{return e=a,void G((()=>L.find((t=>t.id===e.id))?L.filter((t=>t.id!==e.id)):!B.limit||L.length<B.limit?[...L,e]:(O(`Only ${B.limit} ${B.mediaType}s can be selected`),L)));var e},children:[e(S,{imageUrl:a.imageUrl,width:B.mediaType==b.POST?148:104,height:B.mediaType==b.POST?148:172,alt:a.overlayCaption}),t("div",{className:"overlay",children:[e("a",{target:"_blank",rel:"noreferrer",href:a.redirectionUrl,children:t("div",{className:"overlay__redirection",children:[e(f,{height:22,width:22}),e(p,{color:w,style:{fontWeight:500},children:"View"})]})}),e("div",{className:"overlay__caption",children:e(m,{color:v.content.placeholder,children:a.overlayCaption})})]})]},a.id);var i,r}))}):e("div",{style:{justifyContent:"center",alignItems:"center",display:"flex",height:422},children:B.media.length?R.length?e(a,{}):t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",gap:"16px"},children:[e("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",width:"48px",height:"48px",backgroundColor:`${v.background.inverse}`,borderRadius:"50%"},children:e(i,{color:v.content.primaryInverse})}),t("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",gap:"8px"},children:[e(h,{children:"No results found"}),e(p,{children:"Sorry we could not find any results for the selected filter"})]}),e("div",{onClick:()=>{A(!0)},style:{cursor:"pointer"},children:e(y,{color:`${v.content.brand}`,children:"Clear Filter"})})]}):e(k,{states:x.WARNING,heading:`No ${B.mediaType}s on your account`,subline:`There seems to be no ${B.mediaType}s on your account`,isButtonEnabled:!1,width:400})})})]})})};export{B as DateKeys,b as MEDIA_TYPES,P as PostPicker,I as dateOptions};

package/dist/esm/components/product-picker/ProductPickerModal.js

@@ -1 +1 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../node_modules/lodash.debounce/index.js";import{useState as r,useCallback as s,useEffect as l}from"react";import{PageLoader as n}from"../bik-layout/PageLoader.js";import{CheckBox as c}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleSmall as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import y from"../../assets/icons/alert_triangle.svg.js";import P from"../../assets/icons/search.svg.js";const x="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",_=({text:t,styleProps:r})=>e(p,{children:[o("div",{className:"icon__container",style:Object.assign({},r),children:o(y,{width:24,height:24,color:f.colorsV2.content.secondary})}),o(u,{children:"No results found"}),o(g,{style:{color:f.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${t}"`})]}),j=l=>{var d,p,g,y;const j=l.instaPost?v.dateFormat(new Date(l.instaPost.timestamp),"•",!0):"",[w,C]=r(l.products),[S,b]=r(!1),[N,V]=r(""),k=s(t(e=>{e?(C([]),l.onSearchKeyChange(e).then(e=>{C(e),b(!1)})):(C(l.products),b(!1))},700),[]);return e(a,{children:[l.instaPost&&e("div",{className:"post__wrapper",children:[o("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=x},src:null===(d=l.instaPost)||void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",{className:"post__info-wrapper",children:[o(m,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:l.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary},children:(null===(p=l.instaPost)||void 0===p?void 0:p.caption)?null===(g=l.instaPost)||void 0===g?void 0:g.caption:"No caption"}),o(h,{style:{color:f.colorsV2.content.placeholder},children:j})]})]}),o("div",{style:{borderTop:l.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:l.instaPost?"16px 24px":"0px 24px 16px 24px"},children:o(i,{placeholder:null!==(y=l.searchPlaceholder)&&void 0!==y?y:"Search products..",onChangeText:e=>{var o;V(e),(null===(o=e.trim())||void 0===o?void 0:o.length)>0?(b(!0),k(e)):(b(!1),C(l.products))},rightIcon:{icon:P}})}),e("div",{style:{maxHeight:350,overflowY:"scroll"},children:[S&&o("div",{className:"loader__wrapper",children:o(n,{})}),0!==w.length||S?w.map(t=>{var r;const s=l.selectedProducts.find(e=>e.id===t.id);return e("div",{className:"product__wrapper",children:[e("div",{className:"product__info-wrapper",children:[o("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=x},src:null!==(r=t.image)&&void 0!==r?r:x,className:"product__image"}),o(u,{children:t.name})]}),o("div",{style:{order:1},children:o(c,{isChecked:void 0!==s,onValueChange:e=>{((e,o)=>{const t=l.selectedProducts.find(e=>e.id===o.id);if(e&&!t){const e=[...l.selectedProducts,o];l.setSelectedProducts(e)}else if(t){const e=[...l.selectedProducts];let t=-1;l.selectedProducts.forEach((e,r)=>{e.id===o.id&&(t=r)}),e.splice(t,1),l.setSelectedProducts(e)}})(e,t)}})})]},t.id)}):o(_,{text:N})]})]})},w=e=>{var t;const[s,n]=r([]);return l(()=>{var o;n(null!==(o=e.selectedProducts)&&void 0!==o?o:[])},[null===(t=e.selectedProducts)||void 0===t?void 0:t.length]),o(d,{open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:s.length>10?o(h,{style:{color:f.colorsV2.content.negative},children:"Can't add more than 10 products"}):o(h,{style:{color:f.colorsV2.content.placeholder},children:s?`${s.length} selected`:""}),headingTitle:e.title,primaryButton:{disabled:s.length>10||0===s.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(s),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,children:o(j,Object.assign({},e,{selectedProducts:s,setSelectedProducts:n}))})};export{w as PricePleaseProductPicker,j as ProductPickerContent};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../node_modules/lodash.debounce/index.js";import{useState as r,useCallback as s,useEffect as l}from"react";import{PageLoader as n}from"../bik-layout/PageLoader.js";import{CheckBox as c}from"../checkBox/CheckBox.js";import{Input as i}from"../input/Input.js";import{StyledModal as d}from"../modals/styledModal.js";import{StyledProductPickerContainer as a,StyledZeroState as p}from"./ProductPicker.styled.js";import{BodyPrimary as m,Caption as h,TitleSmall as u,BodySecondary as g}from"../TypographyStyle.js";import v from"../../utils/DateUtils.js";import{DEFAULT_THEME as f}from"../../constants/Theme.js";import y from"../../assets/icons/alert_triangle.svg.js";import P from"../../assets/icons/search.svg.js";const x="https://jkfenner.com/wp-content/uploads/2019/11/default.jpg",_=t=>{let{text:r,styleProps:s}=t;return e(p,{children:[o("div",{className:"icon__container",style:Object.assign({},s),children:o(y,{width:24,height:24,color:f.colorsV2.content.secondary})}),o(u,{children:"No results found"}),o(g,{style:{color:f.colorsV2.content.secondary,textAlign:"center"},children:`Sorry we could not find any results for "${r}"`})]})},j=l=>{var d,p,g,y;const j=l.instaPost?v.dateFormat(new Date(l.instaPost.timestamp),"•",!0):"",[w,C]=r(l.products),[S,b]=r(!1),[N,V]=r(""),k=s(t((e=>{e?(C([]),l.onSearchKeyChange(e).then((e=>{C(e),b(!1)}))):(C(l.products),b(!1))}),700),[]);return e(a,{children:[l.instaPost&&e("div",{className:"post__wrapper",children:[o("img",{alt:"Ig Media",onError:e=>{e.target.onerror=null,e.target.src=x},src:null===(d=l.instaPost)||void 0===d?void 0:d.media_url,className:"post__thumbnail"}),e("div",{className:"post__info-wrapper",children:[o(m,{style:{textOverflow:"ellipsis",overflow:"hidden",whiteSpace:"nowrap",color:l.instaPost.caption?f.colorsV2.content.primary:f.colorsV2.content.secondary},children:(null===(p=l.instaPost)||void 0===p?void 0:p.caption)?null===(g=l.instaPost)||void 0===g?void 0:g.caption:"No caption"}),o(h,{style:{color:f.colorsV2.content.placeholder},children:j})]})]}),o("div",{style:{borderTop:l.instaPost?`1px solid ${f.colorsV2.stroke.primary}`:"none",borderBottom:`1px solid ${f.colorsV2.stroke.primary}`,padding:l.instaPost?"16px 24px":"0px 24px 16px 24px"},children:o(i,{placeholder:null!==(y=l.searchPlaceholder)&&void 0!==y?y:"Search products..",onChangeText:e=>{var o;V(e),(null===(o=e.trim())||void 0===o?void 0:o.length)>0?(b(!0),k(e)):(b(!1),C(l.products))},rightIcon:{icon:P}})}),e("div",{style:{maxHeight:350,overflowY:"scroll"},children:[S&&o("div",{className:"loader__wrapper",children:o(n,{})}),0!==w.length||S?w.map((t=>{var r;const s=l.selectedProducts.find((e=>e.id===t.id));return e("div",{className:"product__wrapper",children:[e("div",{className:"product__info-wrapper",children:[o("img",{alt:"Product",onError:e=>{e.target.onerror=null,e.target.src=x},src:null!==(r=t.image)&&void 0!==r?r:x,className:"product__image"}),o(u,{children:t.name})]}),o("div",{style:{order:1},children:o(c,{isChecked:void 0!==s,onValueChange:e=>{((e,o)=>{const t=l.selectedProducts.find((e=>e.id===o.id));if(e&&!t){const e=[...l.selectedProducts,o];l.setSelectedProducts(e)}else if(t){const e=[...l.selectedProducts];let t=-1;l.selectedProducts.forEach(((e,r)=>{e.id===o.id&&(t=r)})),e.splice(t,1),l.setSelectedProducts(e)}})(e,t)}})})]},t.id)})):o(_,{text:N})]})]})},w=e=>{var t;const[s,n]=r([]);return l((()=>{var o;n(null!==(o=e.selectedProducts)&&void 0!==o?o:[])}),[null===(t=e.selectedProducts)||void 0===t?void 0:t.length]),o(d,{open:e.show,onClose:()=>{e.onClose()},footerLeftCustomElement:s.length>10?o(h,{style:{color:f.colorsV2.content.negative},children:"Can't add more than 10 products"}):o(h,{style:{color:f.colorsV2.content.placeholder},children:s?`${s.length} selected`:""}),headingTitle:e.title,primaryButton:{disabled:s.length>10||0===s.length,buttonType:"primary",buttonText:"Select",size:"small",onClick:()=>{e.setSelectedProducts(s),e.onClose()}},secondaryButton:e.secondaryButtonProps,footerShadow:!0,children:o(j,Object.assign({},e,{selectedProducts:s,setSelectedProducts:n}))})};export{w as PricePleaseProductPicker,j as ProductPickerContent};

package/dist/esm/components/product-picker-v2/ProductPickerShimmer.js

@@ -1 +1 @@
-import{jsx as r,Fragment as m}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";const o=o=>{const{limit:t}=o;return r(m,{children:Array.from({length:null!=t?t:5}).map((m,o)=>r("div",{style:{borderBottom:"1px solid #E0E0E0"},children:r(i,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},o))})};export{o as ProductPickerShimmer};
+import{jsx as r,Fragment as m}from"react/jsx-runtime";import{BikShimmer as i}from"../shimmer/ShimmerComponent/BikShimmer.js";const o=o=>{const{limit:t}=o;return r(m,{children:Array.from({length:null!=t?t:5}).map(((m,o)=>r("div",{style:{borderBottom:"1px solid #E0E0E0"},children:r(i,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})},o)))})};export{o as ProductPickerShimmer};

package/dist/esm/components/product-picker-v2/collectionScreen.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import{useRef as l,useState as c,useEffect as n}from"react";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as a}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodyPrimary as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{ProductPickerShimmer as m}from"./ProductPickerShimmer.js";import{CollectionCardStyle as C,CollectionCardInfoStyle as v,CollectionCardDetailStyle as y,CollectionNameHolder as g}from"./style.js";import{isCollectionPartiallyChecked as f}from"./utility.js";const k=(e,t,o)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{var i;const{customCollectionRestriction:r,dataLoading:s,collections:d,selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,selectedCollections:C,setScreen:v,collectionFetcher:y,collectionsDispatch:g,pagingControls:k,storeId:b,setSaveDisabled:I,hideCollectionCheckbox:O,renderWithoutModal:S,pickerType:T,scrollContainerRef:P,appType:x,limit:L,exactLimit:D}=o,R=l(k.curPage),E=!!r&&(null==C?void 0:C.isCustom),[N,w]=c(!1),B=l(!1),W=l(!1),H=()=>{if(!P||!(null==P?void 0:P.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:o}=P.current;e+t>=o-20&&!B.current&&!W.current&&(I(!0),w(!0),W.current=!0,I(!0),w(!0),y(R.current,b,x).then(e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),k.setCurPage(R.current+1),w(!1),I(!1),W.current=!1,Object.keys(null==e?void 0:e.collections).length||(B.current=!0)}).catch())};n(()=>{var e;return null===(e=null==P?void 0:P.current)||void 0===e||e.addEventListener("scroll",H),()=>{var e;null===(e=null==P?void 0:P.current)||void 0===e||e.removeEventListener("scroll",H)}},[]),n(()=>{R.current=k.curPage},[k.curPage]);const M=Object.keys(C||{}).filter(e=>"isCustom"!==e).length;return e("div",{children:[(null===(i=Object.keys(null!=d?d:{}))||void 0===i?void 0:i.length)?Object.keys(d).map(e=>{var o,i;const l=!!(null==C?void 0:C[e])&&("PRODUCT"!==T||!!Object.keys(null!==(i=null===(o=null==C?void 0:C[e])||void 0===o?void 0:o.products)&&void 0!==i?i:{}).length),c="COLLECTION"===T&&!l&&(!!D&&M>=D||!!L&&M>=L);return t(j,{customCollectionRestriction:r,data:d[e],isDisabled:E&&!(null==C?void 0:C[e])||c,isChecked:l,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:O||"-1"===e,selectedCollections:C,renderWithoutModal:S,pickerType:T},e)}):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),N&&t(m,{})]})},j=l=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:k,setScreen:b,id:j,isChecked:I,isDisabled:O,hideCollectionCheckbox:S,pickerType:T,usedInSearch:P}=l;return n?e(C,{isDisabled:O,onClick:e=>{if(!O){if("COLLECTION"===T)return e.stopPropagation(),p({type:"reset",data:{}}),p({type:"selected",data:{id:j,val:n,isRestricted:c}}),m(j),void f(j);m(j),f(j),b("products")}},isActive:I,usedInSearch:null!=P&&P,children:[e(v,{children:[!S&&t(r,{isDisabled:O,isChecked:I,isPartiallyChecked:k,onValueChange:function(e,t,o){null==o||o.stopPropagation(),p(e?{type:"selected",data:{id:j,val:n,isRestricted:c}}:{type:"unselected",data:{id:j}}),f(e?j:"")}}),t(y,{children:t(a,{body:n.name,placement:"bottom",delay:400,variant:"light",children:e(g,{children:[t(P?h:u,{numberOfLines:1,children:n.name}),n.isSmartCollection?t("div",{style:{display:"flex"},children:t(d,{tagText:"Smart Collection",type:"warning"})}):t(o,{})]})})})]}),"COLLECTION"!==T&&t(s,{height:12,width:12,disabled:O,Icon:i})]}):t(o,{})};export{j as CollectionCard,b as CollectionsScreen,k as truncate};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/chevronRight.svg.js";import{useRef as l,useState as c,useEffect as n}from"react";import{CheckBox as r}from"../checkBox/CheckBox.js";import{IconButton as s}from"../icon-button/IconButton.js";import{Tag as d}from"../tag/Tag.js";import{Tooltip as a}from"../tooltips/Tooltip.js";import{TitleRegular as u,BodyPrimary as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{ProductPickerShimmer as m}from"./ProductPickerShimmer.js";import{CollectionCardStyle as C,CollectionCardInfoStyle as v,CollectionCardDetailStyle as y,CollectionNameHolder as g}from"./style.js";import{isCollectionPartiallyChecked as f}from"./utility.js";const k=(e,t,o)=>{if(!e)return"";if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{var i;const{customCollectionRestriction:r,dataLoading:s,collections:d,selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,selectedCollections:C,setScreen:v,collectionFetcher:y,collectionsDispatch:g,pagingControls:k,storeId:b,setSaveDisabled:I,hideCollectionCheckbox:O,renderWithoutModal:S,pickerType:T,scrollContainerRef:P,appType:x,limit:L,exactLimit:D}=o,R=l(k.curPage),E=!!r&&(null==C?void 0:C.isCustom),[N,w]=c(!1),B=l(!1),W=l(!1),H=()=>{if(!P||!(null==P?void 0:P.current))return;const{scrollTop:e,clientHeight:t,scrollHeight:o}=P.current;e+t>=o-20&&!B.current&&!W.current&&(I(!0),w(!0),W.current=!0,I(!0),w(!0),y(R.current,b,x).then((e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),k.setCurPage(R.current+1),w(!1),I(!1),W.current=!1,Object.keys(null==e?void 0:e.collections).length||(B.current=!0)})).catch())};n((()=>{var e;return null===(e=null==P?void 0:P.current)||void 0===e||e.addEventListener("scroll",H),()=>{var e;null===(e=null==P?void 0:P.current)||void 0===e||e.removeEventListener("scroll",H)}}),[]),n((()=>{R.current=k.curPage}),[k.curPage]);const M=Object.keys(C||{}).filter((e=>"isCustom"!==e)).length;return e("div",{children:[(null===(i=Object.keys(null!=d?d:{}))||void 0===i?void 0:i.length)?Object.keys(d).map((e=>{var o,i;const l=!!(null==C?void 0:C[e])&&("PRODUCT"!==T||!!Object.keys(null!==(i=null===(o=null==C?void 0:C[e])||void 0===o?void 0:o.products)&&void 0!==i?i:{}).length),c="COLLECTION"===T&&!l&&(!!D&&M>=D||!!L&&M>=L);return t(j,{customCollectionRestriction:r,data:d[e],isDisabled:E&&!(null==C?void 0:C[e])||c,isChecked:l,isPartiallyChecked:f(e,null==d?void 0:d[e],C),selectedCollectionsDispatch:a,setCollectionId:u,setSelectedCollectionId:h,setScreen:v,id:e,hideCollectionCheckbox:O||"-1"===e,selectedCollections:C,renderWithoutModal:S,pickerType:T},e)})):s?t(m,{}):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),N&&t(m,{})]})},j=l=>{const{customCollectionRestriction:c,data:n,selectedCollectionsDispatch:p,setCollectionId:m,setSelectedCollectionId:f,isPartiallyChecked:k,setScreen:b,id:j,isChecked:I,isDisabled:O,hideCollectionCheckbox:S,pickerType:T,usedInSearch:P}=l;return n?e(C,{isDisabled:O,onClick:e=>{if(!O){if("COLLECTION"===T)return e.stopPropagation(),p({type:"reset",data:{}}),p({type:"selected",data:{id:j,val:n,isRestricted:c}}),m(j),void f(j);m(j),f(j),b("products")}},isActive:I,usedInSearch:null!=P&&P,children:[e(v,{children:[!S&&t(r,{isDisabled:O,isChecked:I,isPartiallyChecked:k,onValueChange:function(e,t,o){null==o||o.stopPropagation(),p(e?{type:"selected",data:{id:j,val:n,isRestricted:c}}:{type:"unselected",data:{id:j}}),f(e?j:"")}}),t(y,{children:t(a,{body:n.name,placement:"bottom",delay:400,variant:"light",children:e(g,{children:[t(P?h:u,{numberOfLines:1,children:n.name}),n.isSmartCollection?t("div",{style:{display:"flex"},children:t(d,{tagText:"Smart Collection",type:"warning"})}):t(o,{})]})})})]}),"COLLECTION"!==T&&t(s,{height:12,width:12,disabled:O,Icon:i})]}):t(o,{})};export{j as CollectionCard,b as CollectionsScreen,k as truncate};

package/dist/esm/components/product-picker-v2/emptyState.js

@@ -1,4 +1,4 @@
-import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/box_round.svg.js";import r from"styled-components";import{COLORS as i}from"../../constants/Theme.js";import{TitleRegular as n,BodySecondary as s}from"../TypographyStyle.js";const c=({title:r,subtitle:c})=>t(m,{children:[e(o,{width:48,height:48}),e(n,{style:{marginTop:8},children:r}),e(s,{style:{color:i.content.secondary,marginTop:4},children:c})]}),m=r.div`
+import{jsxs as t,jsx as e}from"react/jsx-runtime";import o from"../../assets/icons/box_round.svg.js";import r from"styled-components";import{COLORS as n}from"../../constants/Theme.js";import{TitleRegular as i,BodySecondary as s}from"../TypographyStyle.js";const c=r=>{let{title:c,subtitle:m}=r;return t(l,{children:[e(o,{width:48,height:48}),e(i,{style:{marginTop:8},children:c}),e(s,{style:{color:n.content.secondary,marginTop:4},children:m})]})},l=r.div`
 	height: 400px;
 	display: flex;
 	flex-direction: column;

package/dist/esm/components/product-picker-v2/helpers/ProductHelper.js

@@ -1 +1 @@
-import{OUT_OF_STOCK_ACTION as t}from"../type.js";const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l,i=t.NORMAL){let u="NORMAL";if(l.variants)return n[u];const a=l;return"REJECTED"===(null==a?void 0:a.fbStatus)?n.FB_REJECTED:(i===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,a;let e=t,r=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(e=Object.values(null!==(a=null==t?void 0:t.variants)&&void 0!==a?a:{})[0],r=!0);const o=l.getProductLabels(e,i);return{isVariantForProductPickerTag:r,dataForProductPickerTag:e,tagText:null!=o?o:void 0,tagType:l.getTagType(null!=o?o:"")}}});const i=t=>{let n=[];Object.keys(t).forEach(l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach(i=>{var u,a;const e=null!==(u=t[l].products)&&void 0!==u?u:[],r=null!==(a=e[i].variants)&&void 0!==a?a:[];return Object.keys(r).map(t=>{const n=r[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[i].name}),n=[...n,...Object.values(r)],n})});const l=n.sort((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder);return l.forEach((t,n)=>{t.displayOrder=n}),l};export{l as ProductHelper,i as parseSelectedVariantsToArray};
+import{OUT_OF_STOCK_ACTION as t}from"../type.js";const n={NORMAL:null,NOT_SYNCED:"Hidden",OUT_OF_STOCK:"Out of Stock",FB_REJECTED:"Rejected on FB catalog"};class l{static getProductLabels(l){let i=arguments.length>1&&void 0!==arguments[1]?arguments[1]:t.NORMAL,u="NORMAL";if(l.variants)return n[u];const a=l;return"REJECTED"===(null==a?void 0:a.fbStatus)?n.FB_REJECTED:(i===t.HIDE&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.BLUR&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="OUT_OF_STOCK"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),i===t.NORMAL&&(!a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NOT_SYNCED"),a.skipSync&&0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)&&(u="NOT_SYNCED"),a.skipSync||0!==(null==a?void 0:a.quantity)&&-2!==(null==a?void 0:a.quantity)||(u="NORMAL"),a.skipSync||0===(null==a?void 0:a.quantity)||-2===(null==a?void 0:a.quantity)||(u="NORMAL")),n[u])}}Object.defineProperty(l,"getTagType",{enumerable:!0,configurable:!0,writable:!0,value:t=>n.FB_REJECTED===t?"negative":"warning"}),Object.defineProperty(l,"getDataForProductPickerTag",{enumerable:!0,configurable:!0,writable:!0,value:(t,n,i)=>{var u,a;let e=t,o=n;1===Object.keys(null!==(u=null==t?void 0:t.variants)&&void 0!==u?u:{}).length&&(e=Object.values(null!==(a=null==t?void 0:t.variants)&&void 0!==a?a:{})[0],o=!0);const r=l.getProductLabels(e,i);return{isVariantForProductPickerTag:o,dataForProductPickerTag:e,tagText:null!=r?r:void 0,tagType:l.getTagType(null!=r?r:"")}}});const i=t=>{let n=[];Object.keys(t).forEach((l=>{var i;return Object.keys((null===(i=null==t?void 0:t[l])||void 0===i?void 0:i.products)||[]).forEach((i=>{var u,a;const e=null!==(u=t[l].products)&&void 0!==u?u:[],o=null!==(a=e[i].variants)&&void 0!==a?a:[];return Object.keys(o).map((t=>{const n=o[t];n.currency=e[i].currency,n.variantId=t,n.productId=i,n.collectionId=l,n.productName=e[i].name})),n=[...n,...Object.values(o)],n}))}));const l=n.sort(((t,n)=>null==t.displayOrder&&null==n.displayOrder?0:null==t.displayOrder?1:null==n.displayOrder?-1:t.displayOrder-n.displayOrder));return l.forEach(((t,n)=>{t.displayOrder=n})),l};export{l as ProductHelper,i as parseSelectedVariantsToArray};

package/dist/esm/components/product-picker-v2/modal.js

@@ -1 +1 @@
-import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as c}from"@bikdotai/bik-models/growth/models/bik-store";import r from"../../assets/icons/search.svg.js";import{useReducer as i,useState as s,useRef as n,useEffect as l}from"react";import{COLORS as a}from"../../constants/Theme.js";import d from"../../assets/icons/cross.svg.js";import{Button as u}from"../button/Button.js";import{Input as h}from"../input/Input.js";import{StyledModal as p}from"../modals/styledModal.js";import{Spinner as m}from"../spinner/Spinner.js";import{Tag as C}from"../tag/Tag.js";import{CollectionsScreen as y}from"./collectionScreen.js";import{ProductInfoOverlay as g}from"./productInfoOverlay.js";import{ProductsScreen as f}from"./productScreen.js";import{RearrangeScreen as b}from"./rearrangeScreen.js";import{collectionsReducer as S,searchReducer as k,selectedColectionsReducer as v,CollectionIdContext as I}from"./reducers.js";import{SearchScreen as x}from"./searchScreen.js";import{SelectedScreen as j}from"./selectedScreen.js";import{ContainerStyle as P,ScrollContainerStyle as T,StyledFooterForNonModal as D}from"./style.js";import{OUT_OF_STOCK_ACTION as O,ScreenName as F}from"./type.js";import{updateAllVariantsForSelectedProducts as R}from"./utility.js";const w=w=>{const{storeId:L,selectedItems:A,onClose:E,visible:$,zIndex:B,exactLimit:z,limit:V,hideCollectionCheckbox:M,hideProductCheckbox:N,outOfStockAction:H=O.BLUR,hideVariantCheckbox:W,selectProductsFromCustomCollection:G,hideSelectionCount:K,title:U,width:Y,left:q,renderWithoutModal:J,onClickSave:Q,pickerType:X,hideProductVariants:Z=!1,startupScreen:_=F.Collections,rearrangeEnabled:ee,selectSingleItem:te=!1,showProductDetails:oe,containerStyle:ce,crossButtonInsideHeader:re=!1,footerForNonModal:ie={},primaryButton:se,secondaryButton:ne,subtitle:le}=w,ae=w.appType||c.BIK,[de,ue]=i(S,{}),[he,pe]=s([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections),[me,Ce]=s("grid"),[ye,ge]=s(""),[fe,be]=s(""),[Se,ke]=s(0),[ve,Ie]=s(!1),[xe,je]=s(0),[Pe,Te]=s(""),[De,Oe]=s(!1),[Fe,Re]=s(!1),[we,Le]=i(k,{collections:{},products:{}}),[Ae,Ee]=i(v,Object.keys(A).length>0?A:{}),$e=n(null),[Be,ze]=s(!1),[Ve,Me]=s();l(()=>{Ie(!0),Re(!0),w.collectionFetcher(Se,L,ae).then(e=>{ue({type:"fetched",data:(null==e?void 0:e.collections)||{}}),Ie(!1),ke(e=>e+1),Re(!1)}).catch()},[]),l(()=>{let e=0;"COLLECTION"===X?e=Object.keys(Ae||{}).filter(e=>"isCustom"!==e).length:Z?Object.keys(Ae||[]).forEach(t=>{var o;Object.keys((null===(o=Ae[t])||void 0===o?void 0:o.products)||[]).forEach(o=>{var c;"-1"!==t&&Ae[-1]&&(null===(c=Ae[-1].products)||void 0===c?void 0:c[o])||(e+=1)})}):Object.keys(Ae||[]).forEach(t=>{var o;Object.keys((null===(o=Ae[t])||void 0===o?void 0:o.products)||[]).forEach(o=>{var c,r;Object.keys((null===(r=null===(c=Ae[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach(()=>{e+=1})})}),je(e)},[de,Ae,Z,X]),l(()=>{fe&&(Ie(!0),w.productFetcher(fe,L,ae).then(e=>{Object.keys(e).length&&ue({type:"productsFetched",data:{collectionId:fe,products:e}}),Ie(!1)}).catch())},[fe]),l(()=>{const e=setTimeout(()=>{"rearrange"!==he&&(Pe.length||"collections"!==he)&&(Pe.length?(Oe(!0),w.searchFetcher(L,Pe,ae).then(e=>{"collections"in e&&"products"in e?(Le({type:"set",data:e}),ue({type:"searched",data:e.collections}),ue({type:"searched",data:e.products})):(Le({type:"set",data:{collections:{},products:e}}),ue({type:"searched",data:e})),pe("searchProducts"),Ie(!1),Oe(!1)})):pe("collections"))},800);return()=>clearTimeout(e)},[Pe]),l(()=>{Q&&(w.onAdd(Ae,xe),Ne())},[Q]),l(()=>{te&&Object.keys(Ae||{}).length&&xe&&(w.onAdd(Ae,xe),Ne())},[te,Ae,xe]);const Ne=()=>{Ee({type:"reset",data:{}})},He=()=>{let e,o;return"COLLECTION"===X?(e="collection",o="collections"):Z?(e="product",o="products"):(e="variant",o="variants"),z&&xe>z?t(C,{tagText:`You can only select ${z} ${1===z?e:o}`,type:"negative"}):V&&xe>V?t(C,{tagText:`You can only select ${V} ${1===V?e:o}`,type:"negative"}):t(u,xe>0?{onClick:()=>{pe(ee?F.RearrangeProducts:F.SelectedProducts)},buttonText:z?`${xe}/${z} ${1===xe?e:o} selected`:`${xe} ${1===xe?e:o} selected`,buttonType:["rearrange","view"].includes(he)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(he)}:{disabled:!0,buttonText:z?`${xe}/${z} ${1===z?e:o} selected`:`${xe} ${1===xe?e:o} selected`,buttonType:"tertiaryGray"})},We=e=>ve?"Loading...":he===F.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Ge=e(P,{style:null!=ce?ce:{},children:[w.postHeader&&t("div",{style:{padding:"0 24px"},children:w.postHeader}),!w.hideGlobalSearch&&t(o,{children:("collections"===he||"searchProducts"===he)&&t("div",{style:{padding:J?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"},children:t(h,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>De?t(m,{size:"small",color:a.content.primary}):t(r,{})},id:"listInput",height:"24px",type:"text",value:Pe,onChangeText:e=>{e.length&&e.trim().length?Te(e):Te("")}})})}),e(T,{ref:$e,screenName:he,children:["collections"===he&&t(y,{customCollectionRestriction:w.customCollectionRestriction,dataLoading:Fe,collections:de,selectedCollectionsDispatch:Ee,setCollectionId:ge,setSelectedCollectionId:be,setScreen:pe,selectedCollections:Ae,collectionFetcher:w.collectionFetcher,storeId:L,appType:ae,collectionsDispatch:ue,setSaveDisabled:Ie,pagingControls:{curPage:Se,setCurPage:ke},hideCollectionCheckbox:M,renderWithoutModal:J,pickerType:X,scrollContainerRef:$e,limit:V,exactLimit:z}),"products"===he&&ye&&t(I.Provider,{value:ye,children:t(f,{hideInCollectionSearch:w.hideInCollectionSearch,customCollectionRestriction:w.customCollectionRestriction,productFetcher:w.productFetcher,setScreen:pe,storeId:L,appType:ae,data:de[ye],collectionsDispatch:ue,selectedCollectionsDispatch:Ee,selectedData:Ae,setSaveDisabled:Ie,searchInCollectionFetcher:w.searchInCollectionFetcher,hideProductCheckbox:N,outOfStockAction:H,hideVariantCheckbox:W,selectProductsFromCustomCollection:G,renderWithoutModal:J,pickerType:X,hideProductVariants:Z,fbStatusFetcher:w.fbStatusFetcher,onProductDetailClick:e=>{ze(!0),Me(e)},showProductDetailInfoIcon:oe,scrollContainerRef:$e})}),"view"===he&&t(j,{selectedCollections:Ae||{},selectedCollectionsDispatch:Ee,setScreen:pe,collections:de,hideProductVariants:Z,outOfStockAction:H,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"rearrange"===he&&t(b,{selectedCollections:Ae||{},selectedCollectionsDispatch:Ee,setScreen:pe,outOfStockAction:H,rearrangeViewType:"grid"===me?"list":"grid",scrollContainerRef:$e,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"searchProducts"===he&&t(x,{customCollectionRestriction:w.customCollectionRestriction,selectedCollections:Ae||{},searchedCollections:we||{},searchedCollectionsDispatch:Le,selectedCollectionsDispatch:Ee,setScreen:pe,collections:de,onBackPress:()=>{Te(""),Le({type:"set",data:{collections:{},products:{}}})},pickerType:X,hideProductCheckbox:N,hideProductVariants:Z,hideVariantCheckbox:W,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher,setCollectionId:ge,setSelectedCollectionId:be,renderWithoutModal:J,hideCollectionCheckbox:M,outOfStockAction:H,limit:V,exactLimit:z})]})]});return t(o,{children:J?e(o,{children:[Ge,ie.renderFooter?e(D,{children:[He(),t(u,{buttonText:We(ie.primaryButtonText),disabled:!ie.isLoading&&(ve||xe<1||z&&xe<z||!z&&V&&xe>V)||ie.primaryButtonDisabled,isLoading:ie.isLoading,onClick:()=>{w.onAdd(Ae,xe),Ne(),pe([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections)}})]}):t(o,{}),Be&&Ve?t(g,{productData:Ve,outOfStockAction:H,useDynamicInfoImageSize:w.useDynamicInfoImageSize,onClose:()=>{ze(!1)}}):t(o,{})]}):e(p,{zIndex:B,open:$,onClose:()=>{null==E||E(),Ne()},headingTitle:U||("collections"===he||"products"===he?"Select Products":"view"===he?"Selected Products":"searchProducts"===he?"Searched Results":"rearrange"===he?"Rearrange Products":void 0),headingSubtitle:le,footerShadow:!0,centralContainerStyles:{width:Y||"600px",left:q||"auto"},headerRightCustomElement:re?t("div",{style:{cursor:"pointer",display:"flex"},onClick:E,children:t(d,{width:20,height:20,color:a.content.secondary})}):t(o,{}),footerContainerStyle:w.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:a.surface.standard}:void 0,primaryButton:se?(e=>Object.assign(Object.assign({},e),{disabled:!e.isLoading&&(ve||xe<1||z&&xe<z||!z&&V&&xe>V)||e.disabled,onClick:()=>{w.onAdd(Ae,xe),Ne(),pe([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections)}}))(se):{buttonText:We(),disabled:ve||xe<1||z&&xe<z||!z&&V&&xe>V||!1,onClick:()=>{w.onAdd(Ae,xe),Ne()}},secondaryButton:ne?(e=>Object.assign(Object.assign({},e),{disabled:ve||xe<1||z&&xe<z||!z&&V&&xe>V||!1,onClick:()=>{const e=R(Ae,de,we);w.onAdd(e,xe,!0)}}))(ne):void 0,wrapperStyle:w.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:K?t(o,{}):He(),hideCrossButton:Be||re,children:[Ge,Be&&Ve?t(g,{productData:Ve,useDynamicInfoImageSize:w.useDynamicInfoImageSize,outOfStockAction:H,onClose:()=>{ze(!1)}}):t(o,{})]})})};export{w as ProductPickerModal};
+import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import{ApplicationType as c}from"@bikdotai/bik-models/growth/models/bik-store";import r from"../../assets/icons/search.svg.js";import{useReducer as i,useState as s,useRef as n,useEffect as l}from"react";import{COLORS as a}from"../../constants/Theme.js";import d from"../../assets/icons/cross.svg.js";import{Button as u}from"../button/Button.js";import{Input as h}from"../input/Input.js";import{StyledModal as p}from"../modals/styledModal.js";import{Spinner as m}from"../spinner/Spinner.js";import{Tag as C}from"../tag/Tag.js";import{CollectionsScreen as y}from"./collectionScreen.js";import{ProductInfoOverlay as g}from"./productInfoOverlay.js";import{ProductsScreen as f}from"./productScreen.js";import{RearrangeScreen as b}from"./rearrangeScreen.js";import{collectionsReducer as S,searchReducer as k,selectedColectionsReducer as v,CollectionIdContext as I}from"./reducers.js";import{SearchScreen as x}from"./searchScreen.js";import{SelectedScreen as j}from"./selectedScreen.js";import{ContainerStyle as P,ScrollContainerStyle as T,StyledFooterForNonModal as D}from"./style.js";import{OUT_OF_STOCK_ACTION as O,ScreenName as F}from"./type.js";import{updateAllVariantsForSelectedProducts as R}from"./utility.js";const w=w=>{const{storeId:L,selectedItems:A,onClose:E,visible:$,zIndex:B,exactLimit:z,limit:V,hideCollectionCheckbox:M,hideProductCheckbox:N,outOfStockAction:H=O.BLUR,hideVariantCheckbox:W,selectProductsFromCustomCollection:G,hideSelectionCount:K,title:U,width:Y,left:q,renderWithoutModal:J,onClickSave:Q,pickerType:X,hideProductVariants:Z=!1,startupScreen:_=F.Collections,rearrangeEnabled:ee,selectSingleItem:te=!1,showProductDetails:oe,containerStyle:ce,crossButtonInsideHeader:re=!1,footerForNonModal:ie={},primaryButton:se,secondaryButton:ne,subtitle:le}=w,ae=w.appType||c.BIK,[de,ue]=i(S,{}),[he,pe]=s([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections),[me,Ce]=s("grid"),[ye,ge]=s(""),[fe,be]=s(""),[Se,ke]=s(0),[ve,Ie]=s(!1),[xe,je]=s(0),[Pe,Te]=s(""),[De,Oe]=s(!1),[Fe,Re]=s(!1),[we,Le]=i(k,{collections:{},products:{}}),[Ae,Ee]=i(v,Object.keys(A).length>0?A:{}),$e=n(null),[Be,ze]=s(!1),[Ve,Me]=s();l((()=>{Ie(!0),Re(!0),w.collectionFetcher(Se,L,ae).then((e=>{ue({type:"fetched",data:(null==e?void 0:e.collections)||{}}),Ie(!1),ke((e=>e+1)),Re(!1)})).catch()}),[]),l((()=>{let e=0;"COLLECTION"===X?e=Object.keys(Ae||{}).filter((e=>"isCustom"!==e)).length:Z?Object.keys(Ae||[]).forEach((t=>{var o;Object.keys((null===(o=Ae[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c;"-1"!==t&&Ae[-1]&&(null===(c=Ae[-1].products)||void 0===c?void 0:c[o])||(e+=1)}))})):Object.keys(Ae||[]).forEach((t=>{var o;Object.keys((null===(o=Ae[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=Ae[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach((()=>{e+=1}))}))})),je(e)}),[de,Ae,Z,X]),l((()=>{fe&&(Ie(!0),w.productFetcher(fe,L,ae).then((e=>{Object.keys(e).length&&ue({type:"productsFetched",data:{collectionId:fe,products:e}}),Ie(!1)})).catch())}),[fe]),l((()=>{const e=setTimeout((()=>{"rearrange"!==he&&(Pe.length||"collections"!==he)&&(Pe.length?(Oe(!0),w.searchFetcher(L,Pe,ae).then((e=>{"collections"in e&&"products"in e?(Le({type:"set",data:e}),ue({type:"searched",data:e.collections}),ue({type:"searched",data:e.products})):(Le({type:"set",data:{collections:{},products:e}}),ue({type:"searched",data:e})),pe("searchProducts"),Ie(!1),Oe(!1)}))):pe("collections"))}),800);return()=>clearTimeout(e)}),[Pe]),l((()=>{Q&&(w.onAdd(Ae,xe),Ne())}),[Q]),l((()=>{te&&Object.keys(Ae||{}).length&&xe&&(w.onAdd(Ae,xe),Ne())}),[te,Ae,xe]);const Ne=()=>{Ee({type:"reset",data:{}})},He=()=>{let e,o;return"COLLECTION"===X?(e="collection",o="collections"):Z?(e="product",o="products"):(e="variant",o="variants"),z&&xe>z?t(C,{tagText:`You can only select ${z} ${1===z?e:o}`,type:"negative"}):V&&xe>V?t(C,{tagText:`You can only select ${V} ${1===V?e:o}`,type:"negative"}):t(u,xe>0?{onClick:()=>{pe(ee?F.RearrangeProducts:F.SelectedProducts)},buttonText:z?`${xe}/${z} ${1===xe?e:o} selected`:`${xe} ${1===xe?e:o} selected`,buttonType:["rearrange","view"].includes(he)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(he)}:{disabled:!0,buttonText:z?`${xe}/${z} ${1===z?e:o} selected`:`${xe} ${1===xe?e:o} selected`,buttonType:"tertiaryGray"})},We=e=>ve?"Loading...":he===F.RearrangeProducts?null!=e?e:"Done":null!=e?e:"Add",Ge=e(P,{style:null!=ce?ce:{},children:[w.postHeader&&t("div",{style:{padding:"0 24px"},children:w.postHeader}),!w.hideGlobalSearch&&t(o,{children:("collections"===he||"searchProducts"===he)&&t("div",{style:{padding:J?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"},children:t(h,{placeholder:"Search using ID, Name or SKU ID",noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>De?t(m,{size:"small",color:a.content.primary}):t(r,{})},id:"listInput",height:"24px",type:"text",value:Pe,onChangeText:e=>{e.length&&e.trim().length?Te(e):Te("")}})})}),e(T,{ref:$e,screenName:he,children:["collections"===he&&t(y,{customCollectionRestriction:w.customCollectionRestriction,dataLoading:Fe,collections:de,selectedCollectionsDispatch:Ee,setCollectionId:ge,setSelectedCollectionId:be,setScreen:pe,selectedCollections:Ae,collectionFetcher:w.collectionFetcher,storeId:L,appType:ae,collectionsDispatch:ue,setSaveDisabled:Ie,pagingControls:{curPage:Se,setCurPage:ke},hideCollectionCheckbox:M,renderWithoutModal:J,pickerType:X,scrollContainerRef:$e,limit:V,exactLimit:z}),"products"===he&&ye&&t(I.Provider,{value:ye,children:t(f,{hideInCollectionSearch:w.hideInCollectionSearch,customCollectionRestriction:w.customCollectionRestriction,productFetcher:w.productFetcher,setScreen:pe,storeId:L,appType:ae,data:de[ye],collectionsDispatch:ue,selectedCollectionsDispatch:Ee,selectedData:Ae,setSaveDisabled:Ie,searchInCollectionFetcher:w.searchInCollectionFetcher,hideProductCheckbox:N,outOfStockAction:H,hideVariantCheckbox:W,selectProductsFromCustomCollection:G,renderWithoutModal:J,pickerType:X,hideProductVariants:Z,fbStatusFetcher:w.fbStatusFetcher,onProductDetailClick:e=>{ze(!0),Me(e)},showProductDetailInfoIcon:oe,scrollContainerRef:$e})}),"view"===he&&t(j,{selectedCollections:Ae||{},selectedCollectionsDispatch:Ee,setScreen:pe,collections:de,hideProductVariants:Z,outOfStockAction:H,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"rearrange"===he&&t(b,{selectedCollections:Ae||{},selectedCollectionsDispatch:Ee,setScreen:pe,outOfStockAction:H,rearrangeViewType:"grid"===me?"list":"grid",scrollContainerRef:$e,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher}),"searchProducts"===he&&t(x,{customCollectionRestriction:w.customCollectionRestriction,selectedCollections:Ae||{},searchedCollections:we||{},searchedCollectionsDispatch:Le,selectedCollectionsDispatch:Ee,setScreen:pe,collections:de,onBackPress:()=>{Te(""),Le({type:"set",data:{collections:{},products:{}}})},pickerType:X,hideProductCheckbox:N,hideProductVariants:Z,hideVariantCheckbox:W,storeId:L,appType:ae,fbStatusFetcher:w.fbStatusFetcher,setCollectionId:ge,setSelectedCollectionId:be,renderWithoutModal:J,hideCollectionCheckbox:M,outOfStockAction:H,limit:V,exactLimit:z})]})]});return t(o,{children:J?e(o,{children:[Ge,ie.renderFooter?e(D,{children:[He(),t(u,{buttonText:We(ie.primaryButtonText),disabled:!ie.isLoading&&(ve||xe<1||z&&xe<z||!z&&V&&xe>V)||ie.primaryButtonDisabled,isLoading:ie.isLoading,onClick:()=>{w.onAdd(Ae,xe),Ne(),pe([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections)}})]}):t(o,{}),Be&&Ve?t(g,{productData:Ve,outOfStockAction:H,useDynamicInfoImageSize:w.useDynamicInfoImageSize,onClose:()=>{ze(!1)}}):t(o,{})]}):e(p,{zIndex:B,open:$,onClose:()=>{null==E||E(),Ne()},headingTitle:U||("collections"===he||"products"===he?"Select Products":"view"===he?"Selected Products":"searchProducts"===he?"Searched Results":"rearrange"===he?"Rearrange Products":void 0),headingSubtitle:le,footerShadow:!0,centralContainerStyles:{width:Y||"600px",left:q||"auto"},headerRightCustomElement:re?t("div",{style:{cursor:"pointer",display:"flex"},onClick:E,children:t(d,{width:20,height:20,color:a.content.secondary})}):t(o,{}),footerContainerStyle:w.stickyFooter?{position:"absolute",bottom:0,left:0,width:"100%",zIndex:9,background:a.surface.standard}:void 0,primaryButton:se?(e=>Object.assign(Object.assign({},e),{disabled:!e.isLoading&&(ve||xe<1||z&&xe<z||!z&&V&&xe>V)||e.disabled,onClick:()=>{w.onAdd(Ae,xe),Ne(),pe([F.Collections,F.RearrangeProducts].includes(_)?_:F.Collections)}}))(se):{buttonText:We(),disabled:ve||xe<1||z&&xe<z||!z&&V&&xe>V||!1,onClick:()=>{w.onAdd(Ae,xe),Ne()}},secondaryButton:ne?(e=>Object.assign(Object.assign({},e),{disabled:ve||xe<1||z&&xe<z||!z&&V&&xe>V||!1,onClick:()=>{const e=R(Ae,de,we);w.onAdd(e,xe,!0)}}))(ne):void 0,wrapperStyle:w.stickyFooter?{height:"calc(100vh - 168px)"}:void 0,footerLeftCustomElement:K?t(o,{}):He(),hideCrossButton:Be||re,children:[Ge,Be&&Ve?t(g,{productData:Ve,useDynamicInfoImageSize:w.useDynamicInfoImageSize,outOfStockAction:H,onClose:()=>{ze(!1)}}):t(o,{})]})})};export{w as ProductPickerModal};

package/dist/esm/components/product-picker-v2/product.js

@@ -1 +1 @@
-import{jsxs as t,jsx as i,Fragment as o}from"react/jsx-runtime";import{COLORS as e}from"../../constants/Theme.js";import c from"../../assets/icons/info.svg.js";import{CheckBox as d}from"../checkBox/CheckBox.js";import{IconButton as r}from"../icon-button/IconButton.js";import{ShimmerImage as l}from"../shimmer-image/ShimmerImage.js";import{Tooltip as n}from"../tooltips/Tooltip.js";import{TitleSmall as a,BodyCaption as u}from"../TypographyStyle.js";import{CurrencySymbols as s}from"./constants.js";import{ProductHelper as v}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{ProductCardStyle as h,ProductInfo as m,ProductSubTitle as I,SKUIDBadge as y,EllipsedBodyTiny as f}from"./style.js";import{shouldShowVariant as P,getSkuId as k}from"./utility.js";const C=o=>{var e,c,d,r,l,n,a,u,v;const{collectionId:p,productId:h,data:m,selectedData:I,selectedCollectionsDispatch:y,viewOnly:f,upliftAdditions:k,isProductPartiallyChecked:C,hideProductCheckbox:b,outOfStockAction:j,hideVariantCheckbox:x,hideProductVariants:D,pickerType:O,onProductDetailClick:S,showProductDetailInfoIcon:T}=o,V=t=>{var i,o,e,c,d,r;if(!(null===(o=null===(i=null==I?void 0:I[p])||void 0===i?void 0:i.products)||void 0===o?void 0:o[h]))return!1;return!!(null===(r=null===(d=null===(c=null===(e=null==I?void 0:I[p])||void 0===e?void 0:e.products)||void 0===c?void 0:c[h])||void 0===d?void 0:d.variants)||void 0===r?void 0:r[t])},A=D||!P(m)?`${m.currency&&null!==(e=s[m.currency])&&void 0!==e?e:""}${null!==(v=null!==(l=null===(r=null===(d=Object.values(null!==(c=m.variants)&&void 0!==c?c:{}))||void 0===d?void 0:d[0])||void 0===r?void 0:r.price)&&void 0!==l?l:null===(u=null===(a=Object.values(null!==(n=m.variants)&&void 0!==n?n:{}))||void 0===a?void 0:a[0])||void 0===u?void 0:u.actualPrice)&&void 0!==v?v:""}`:"";return t("div",{children:[i(g,{isVariant:!1,data:m,productId:h,collectionId:p,isSelected:(()=>{var t,i;return!!(null===(i=null===(t=null==I?void 0:I[p])||void 0===t?void 0:t.products)||void 0===i?void 0:i[h])})(),isPartiallyChecked:C,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:f,hideProductCheckbox:b,hideVariantCheckbox:x,hideProductVariants:D,pickerType:O,outOfStockAction:j,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:A},h),D?null:P(m)&&Object.keys(m.variants||[]).map(t=>{var o,e,c,d,r,l,n;const a=`${m.currency&&null!==(o=s[m.currency])&&void 0!==o?o:""}${null!==(n=null!==(d=null===(c=null===(e=m.variants)||void 0===e?void 0:e[t])||void 0===c?void 0:c.price)&&void 0!==d?d:null===(l=null===(r=m.variants)||void 0===r?void 0:r[t])||void 0===l?void 0:l.actualPrice)&&void 0!==n?n:""}`;return i(g,{isVariant:!0,hideVariantCheckbox:x,data:Object.assign(Object.assign({},m.variants[t]),{currency:m.currency}),variantId:t,productId:h,viewOnly:f,upliftAdditions:k,collectionId:p,isSelected:V(t),selectedCollectionsDispatch:y,outOfStockAction:j,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:a},t)})]})},g=s=>{const{isVariant:P,data:C,productId:g,collectionId:b,variantId:j,isSelected:x,selectedCollectionsDispatch:D,viewOnly:O,upliftAdditions:S,isPartiallyChecked:T,hideProductCheckbox:V,outOfStockAction:A,hideVariantCheckbox:w,hideProductVariants:U,pickerType:$="PRODUCT",onProductDetailClick:B,showProductDetailInfoIcon:F,currencyAndPrice:R}=s,{isVariantForProductPickerTag:H,dataForProductPickerTag:K,tagText:L,tagType:q}=v.getDataForProductPickerTag(C,P,A),z=k(C,P);return t(h,{isVariant:P,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===$&&(V||w)){const t=Object.keys(C.variants);U?x?D({type:"productUnselected",data:{productId:g,collectionId:b}}):S("productSelected",{productId:g,variantId:j,collectionId:b,product:C}):x?D({type:"variantUnselected",data:{productId:g,variantId:j,collectionId:b}}):S("variantSelected",{productId:g,variantId:j||t[0],collectionId:b,variant:C})}},isActive:x,children:[P&&!O&&!w||!P&&!O&&!V?i(d,{isChecked:x,isPartiallyChecked:T||!1,onValueChange:function(t,i,o){null==o||o.stopPropagation(),P?t?S(U?"productSelected":"variantSelected",{productId:g,variantId:j,collectionId:b,variant:C}):D({type:U?"productUnselected":"variantUnselected",data:{productId:g,variantId:j,collectionId:b}}):t?S("productSelected",{productId:g,collectionId:b,product:C}):D({type:"productUnselected",data:{productId:g,collectionId:b}})}}):i(o,{}),i("div",{children:i(l,{width:40,height:40,imageUrl:C.image,alt:"Item",borderRadius:4})}),t("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:[i(n,{variant:"light",body:C.name,placement:"bottom",delay:400,children:i(a,{style:{flex:1},numberOfLines:1,children:C.name})}),t(m,{children:[i(p,{isVariant:H,data:K,tagText:L,tagType:q}),F&&i(r,{onClick:()=>{null==B||B(C)},Icon:()=>i(c,{width:20,height:20,color:e.content.placeholder})})]})]}),t(I,{children:[!(null==K?void 0:K.fbStatus)&&H||L?null:i(u,{color:e.content.secondary,children:R}),z&&i(n,{body:z,placement:"top",children:i(y,{children:i(f,{children:`SKU ID: ${z}`})})})]})]})]})};export{g as ProductCard,C as ProductGroup};
+import{jsxs as t,jsx as i,Fragment as o}from"react/jsx-runtime";import{COLORS as e}from"../../constants/Theme.js";import c from"../../assets/icons/info.svg.js";import{CheckBox as d}from"../checkBox/CheckBox.js";import{IconButton as r}from"../icon-button/IconButton.js";import{ShimmerImage as l}from"../shimmer-image/ShimmerImage.js";import{Tooltip as n}from"../tooltips/Tooltip.js";import{TitleSmall as a,BodyCaption as u}from"../TypographyStyle.js";import{CurrencySymbols as s}from"./constants.js";import{ProductHelper as v}from"./helpers/ProductHelper.js";import{ProductPickerTag as p}from"./ProductPickerTag.js";import{ProductCardStyle as h,ProductInfo as m,ProductSubTitle as I,SKUIDBadge as y,EllipsedBodyTiny as f}from"./style.js";import{shouldShowVariant as P,getSkuId as k}from"./utility.js";const C=o=>{var e,c,d,r,l,n,a,u,v;const{collectionId:p,productId:h,data:m,selectedData:I,selectedCollectionsDispatch:y,viewOnly:f,upliftAdditions:k,isProductPartiallyChecked:C,hideProductCheckbox:b,outOfStockAction:j,hideVariantCheckbox:x,hideProductVariants:D,pickerType:O,onProductDetailClick:S,showProductDetailInfoIcon:T}=o,V=t=>{var i,o,e,c,d,r;if(!(null===(o=null===(i=null==I?void 0:I[p])||void 0===i?void 0:i.products)||void 0===o?void 0:o[h]))return!1;return!!(null===(r=null===(d=null===(c=null===(e=null==I?void 0:I[p])||void 0===e?void 0:e.products)||void 0===c?void 0:c[h])||void 0===d?void 0:d.variants)||void 0===r?void 0:r[t])},A=D||!P(m)?`${m.currency&&null!==(e=s[m.currency])&&void 0!==e?e:""}${null!==(v=null!==(l=null===(r=null===(d=Object.values(null!==(c=m.variants)&&void 0!==c?c:{}))||void 0===d?void 0:d[0])||void 0===r?void 0:r.price)&&void 0!==l?l:null===(u=null===(a=Object.values(null!==(n=m.variants)&&void 0!==n?n:{}))||void 0===a?void 0:a[0])||void 0===u?void 0:u.actualPrice)&&void 0!==v?v:""}`:"";return t("div",{children:[i(g,{isVariant:!1,data:m,productId:h,collectionId:p,isSelected:(()=>{var t,i;return!!(null===(i=null===(t=null==I?void 0:I[p])||void 0===t?void 0:t.products)||void 0===i?void 0:i[h])})(),isPartiallyChecked:C,selectedCollectionsDispatch:y,upliftAdditions:k,viewOnly:f,hideProductCheckbox:b,hideVariantCheckbox:x,hideProductVariants:D,pickerType:O,outOfStockAction:j,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:A},h),D?null:P(m)&&Object.keys(m.variants||[]).map((t=>{var o,e,c,d,r,l,n;const a=`${m.currency&&null!==(o=s[m.currency])&&void 0!==o?o:""}${null!==(n=null!==(d=null===(c=null===(e=m.variants)||void 0===e?void 0:e[t])||void 0===c?void 0:c.price)&&void 0!==d?d:null===(l=null===(r=m.variants)||void 0===r?void 0:r[t])||void 0===l?void 0:l.actualPrice)&&void 0!==n?n:""}`;return i(g,{isVariant:!0,hideVariantCheckbox:x,data:Object.assign(Object.assign({},m.variants[t]),{currency:m.currency}),variantId:t,productId:h,viewOnly:f,upliftAdditions:k,collectionId:p,isSelected:V(t),selectedCollectionsDispatch:y,outOfStockAction:j,onProductDetailClick:S,showProductDetailInfoIcon:T,currencyAndPrice:a},t)}))]})},g=s=>{const{isVariant:P,data:C,productId:g,collectionId:b,variantId:j,isSelected:x,selectedCollectionsDispatch:D,viewOnly:O,upliftAdditions:S,isPartiallyChecked:T,hideProductCheckbox:V,outOfStockAction:A,hideVariantCheckbox:w,hideProductVariants:U,pickerType:$="PRODUCT",onProductDetailClick:B,showProductDetailInfoIcon:F,currencyAndPrice:R}=s,{isVariantForProductPickerTag:H,dataForProductPickerTag:K,tagText:L,tagType:q}=v.getDataForProductPickerTag(C,P,A),z=k(C,P);return t(h,{isVariant:P,onClick:t=>{if(t.stopPropagation(),"PRODUCT"===$&&(V||w)){const t=Object.keys(C.variants);U?x?D({type:"productUnselected",data:{productId:g,collectionId:b}}):S("productSelected",{productId:g,variantId:j,collectionId:b,product:C}):x?D({type:"variantUnselected",data:{productId:g,variantId:j,collectionId:b}}):S("variantSelected",{productId:g,variantId:j||t[0],collectionId:b,variant:C})}},isActive:x,children:[P&&!O&&!w||!P&&!O&&!V?i(d,{isChecked:x,isPartiallyChecked:T||!1,onValueChange:function(t,i,o){null==o||o.stopPropagation(),P?t?S(U?"productSelected":"variantSelected",{productId:g,variantId:j,collectionId:b,variant:C}):D({type:U?"productUnselected":"variantUnselected",data:{productId:g,variantId:j,collectionId:b}}):t?S("productSelected",{productId:g,collectionId:b,product:C}):D({type:"productUnselected",data:{productId:g,collectionId:b}})}}):i(o,{}),i("div",{children:i(l,{width:40,height:40,imageUrl:C.image,alt:"Item",borderRadius:4})}),t("div",{style:{display:"flex",flexDirection:"column",flex:1},children:[t("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:16},children:[i(n,{variant:"light",body:C.name,placement:"bottom",delay:400,children:i(a,{style:{flex:1},numberOfLines:1,children:C.name})}),t(m,{children:[i(p,{isVariant:H,data:K,tagText:L,tagType:q}),F&&i(r,{onClick:()=>{null==B||B(C)},Icon:()=>i(c,{width:20,height:20,color:e.content.placeholder})})]})]}),t(I,{children:[!(null==K?void 0:K.fbStatus)&&H||L?null:i(u,{color:e.content.secondary,children:R}),z&&i(n,{body:z,placement:"top",children:i(y,{children:i(f,{children:`SKU ID: ${z}`})})})]})]})]})};export{g as ProductCard,C as ProductGroup};