@bikdotai/bik-component-library 0.0.394 → 0.0.395-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (39) hide show
  1. package/dist/cjs/components/bik-layout/BikSidebar.js +1 -1
  2. package/dist/cjs/components/bik-layout/SidebarStyles.js +1 -1
  3. package/dist/cjs/components/plans/NewSubscriptionPlan.js +1 -1
  4. package/dist/cjs/components/plans/SubscriptionPlansCollected.js +2 -2
  5. package/dist/cjs/components/product-picker-v2/collectionScreen.d.ts +2 -0
  6. package/dist/cjs/components/product-picker-v2/collectionScreen.js +1 -1
  7. package/dist/cjs/components/product-picker-v2/modal.d.ts +5 -1
  8. package/dist/cjs/components/product-picker-v2/modal.js +1 -1
  9. package/dist/cjs/components/product-picker-v2/productScreen.d.ts +7 -0
  10. package/dist/cjs/components/product-picker-v2/productScreen.js +1 -1
  11. package/dist/cjs/components/product-picker-v2/searchScreen.d.ts +4 -0
  12. package/dist/cjs/components/product-picker-v2/searchScreen.js +1 -1
  13. package/dist/cjs/components/product-picker-v2/style.d.ts +2 -0
  14. package/dist/cjs/components/product-picker-v2/style.js +16 -16
  15. package/dist/cjs/components/side-modal/SideModal.d.ts +4 -2
  16. package/dist/cjs/components/side-modal/SideModal.js +1 -1
  17. package/dist/cjs/components/side-modal/SideModal.style.d.ts +4 -1
  18. package/dist/cjs/components/side-modal/SideModal.style.js +4 -1
  19. package/dist/cjs/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
  20. package/dist/esm/components/bik-layout/BikSidebar.js +1 -1
  21. package/dist/esm/components/bik-layout/SidebarStyles.js +1 -1
  22. package/dist/esm/components/plans/NewSubscriptionPlan.js +1 -1
  23. package/dist/esm/components/plans/SubscriptionPlansCollected.js +2 -2
  24. package/dist/esm/components/product-picker-v2/collectionScreen.d.ts +2 -0
  25. package/dist/esm/components/product-picker-v2/collectionScreen.js +1 -1
  26. package/dist/esm/components/product-picker-v2/modal.d.ts +5 -1
  27. package/dist/esm/components/product-picker-v2/modal.js +1 -1
  28. package/dist/esm/components/product-picker-v2/productScreen.d.ts +7 -0
  29. package/dist/esm/components/product-picker-v2/productScreen.js +1 -1
  30. package/dist/esm/components/product-picker-v2/searchScreen.d.ts +4 -0
  31. package/dist/esm/components/product-picker-v2/searchScreen.js +1 -1
  32. package/dist/esm/components/product-picker-v2/style.d.ts +2 -0
  33. package/dist/esm/components/product-picker-v2/style.js +5 -5
  34. package/dist/esm/components/side-modal/SideModal.d.ts +4 -2
  35. package/dist/esm/components/side-modal/SideModal.js +1 -1
  36. package/dist/esm/components/side-modal/SideModal.style.d.ts +4 -1
  37. package/dist/esm/components/side-modal/SideModal.style.js +15 -12
  38. package/dist/esm/components/template-context-mapper/modalElements/VariableConnector.js +1 -1
  39. package/package.json +1 -1
@@ -5,7 +5,10 @@ export declare const SideModalContainer: import("styled-components").StyledCompo
5
5
  width?: string | undefined;
6
6
  }, never>;
7
7
  export declare const SideModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
8
- export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {}, never>;
8
+ export declare const SideModalBody: import("styled-components").StyledComponent<"div", any, {
9
+ hideFooter?: boolean | undefined;
10
+ bodyStyle: React.CSSProperties;
11
+ }, never>;
9
12
  export declare const SideModalFooter: import("styled-components").StyledComponent<"div", any, {
10
13
  footerDirection?: "row" | "row-reverse" | undefined;
11
14
  }, never>;
@@ -34,7 +34,10 @@
34
34
  `,s=d.default.div`
35
35
  overflow-y: auto;
36
36
  padding: 24px;
37
- height: calc(100% - 120px);
37
+ height: ${e=>e.hideFooter?"calc(100% - 60px)":"calc(100% - 120px)"};
38
+ ${t=>{let{bodyStyle:o}=t;return e.css`
39
+ ${Object.keys(o).map((e=>`${e}: ${o[e]};`)).join("\n")}
40
+ `}}
38
41
  `,p=d.default.div`
39
42
  height: 60px;
40
43
  width: 100%;
@@ -4,4 +4,4 @@
4
4
  background: ${e=>e.focused&&e.channel===d.CHANNEL_TYPE.EMAIL?v.COLORS.background.warning.light:"transparent"};
5
5
  border-radius: 4px;
6
6
  padding: 8px 10px;
7
- `,x={value:"custom_link",label:"Custom URL"},h={value:"custom_text",label:"Custom text"};exports.Container=g,exports.default=a=>{let{onFocus:b,variable:E,index:_,showVariableModal:j,variableList:A,setShowDiscountCheckBox:y}=a;var f,T;const[P,N]=l.useState(!1),[C,L]=l.useState(""),[k,O]=l.useState([]),[S,V]=l.useState(),[H,w]=l.useState(!1),[M,q]=l.useState(!1),{device:Y,channel:W,isError:I,originalVariableList:B,template:$,templateSelectionTriggered:R,setTemplate:z,setDisplayContent:D,setOriginalVariableList:U,globalNormalizedPlaceholders:Z,enabledCustomText:F}=p.useTemplateModalContext();function G(e,t){var l,a,n;const i=e;L(""),V(i),W===d.CHANNEL_TYPE.WHATSAPP?"custom_text"!==i.value&&"custom_link"!==i.value?(J(null!==(l=i.value)&&void 0!==l?l:"","string"),null==K||K(null!==(a=E.index)&&void 0!==a?a:0,`[[${i.value}]]`)):(null==K||K(null!==(n=E.index)&&void 0!==n?n:0,E.variableName),J("","url"===i.bikPlaceholderType?"link":"string")):"custom_text"!==i.value&&"custom_link"!==i.value?J(i.value,"url"===i.bikPlaceholderType?"link":"string"):(L(""),J("",i.value))}function J(e,t){var l,a;const n="custom_link"===t?"link":"custom_text"===t?"string":t;if(W!==d.CHANNEL_TYPE.WHATSAPP){const a=m.getVariableNameForEmailByIndex(_+1),i=null===document||void 0===document?void 0:document.getElementById("mobile"===Y?"template_html_mobile":"template_html_desktop"),o=W===d.CHANNEL_TYPE.EMAIL?null===(l=null==i?void 0:i.contentWindow)||void 0===l?void 0:l.document.getElementById(a):document.getElementById(a);o&&(o.textContent="custom_text"!==t&&"custom_link"!==t||e?e:E.variableName);const u=B.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:n,updatedValue:e}):t));null==U||U(u)}if(W===d.CHANNEL_TYPE.WHATSAPP){const t=null===(a=B.body)||void 0===a?void 0:a.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:n,updatedValue:e}):t));null==U||U((e=>Object.assign(Object.assign({},e),{body:t,buttons:B.buttons})))}}function K(e,t){var l;const a=Object.assign({},$),n=null===(l=null==a?void 0:a.components)||void 0===l?void 0:l.map((l=>{var a,n,i,o,u;const s=Object.assign({},l);if("BODY"===l.type&&(null===(n=null===(a=l.example)||void 0===a?void 0:a.body_text)||void 0===n?void 0:n[0])){const l=[...null!==(u=null===(o=null===(i=s.example)||void 0===i?void 0:i.body_text)||void 0===o?void 0:o[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},s.example),{body_text:[l]});return Object.assign(Object.assign({},s),{example:a})}return l}));a.components=n,null==z||z(a)}return l.useEffect((()=>{P&&(null==b||b())}),[P]),l.useEffect((()=>{!function(){var e,t,l,a,n;const i="mobile"===Y?"template_html_mobile":"template_html_desktop",o=document.getElementById(i),u=(null!==(a=null===(l=null===(t=null===(e=null==o?void 0:o.contentWindow)||void 0===e?void 0:e.document)||void 0===t?void 0:t.body)||void 0===l?void 0:l.innerHTML)&&void 0!==a?a:"")+(null===(n=null==o?void 0:o.contentWindow)||void 0===n?void 0:n.document.head.innerHTML);W===d.CHANNEL_TYPE.EMAIL&&(null==D||D(u))}()}),[R]),l.useEffect((()=>{var e;const t=[];let l=[];if(W!==d.CHANNEL_TYPE.MESSAGE||F){"link"===(null==E?void 0:E.type)?(t.push({label:"",options:[x,h]}),V(x)):(t.push({label:"",options:[x,h]}),V(h));const e=null!=Z?Z:[];O([...t,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:c.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})}))]),l=[...t,...e]}else{const e=null!=Z?Z:[];O([{label:"",options:[h,x]},...e]),l=[{label:"",options:[h,x]},...e]}if((W===d.CHANNEL_TYPE.WHATSAPP||W===d.CHANNEL_TYPE.EMAIL||W===d.CHANNEL_TYPE.MESSAGE)&&E.updatedValue)if(s.placeHolderNamePattern.test(E.updatedValue)&&W===d.CHANNEL_TYPE.WHATSAPP||E.updatedValue.startsWith("{{")&&W!==d.CHANNEL_TYPE.WHATSAPP){const e=function(e,t,l){var a;let n={label:"",value:""};const i=l===d.CHANNEL_TYPE.WHATSAPP?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");j?n={label:e.updatedValue?e.updatedValue.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(a=e.updatedValue)&&void 0!==a?a:""}:t.map((e=>{e.options.map((e=>{var t;(null===(t=e.value)||void 0===t?void 0:t.replace("{{","").replace("}}","").trim())===i.trim()&&(n=e)}))}));return n}(E,l,W);e.value&&V(e)}else(null===(e=E.updatedValue)||void 0===e?void 0:e.startsWith("https"))?(V(x),L(E.updatedValue.split("https://")[1])):(V(h),L(E.updatedValue))}),[]),l.useEffect((()=>{Y&&S&&C&&setTimeout((()=>{J("custom_link"===(null==S?void 0:S.value)?`https://${C}`:C,S.value)}),100)}),[Y]),l.useEffect((()=>{!M&&S&&E.updatedValue&&setTimeout((()=>{J("custom_link"===(null==S?void 0:S.value)?`https://${E.updatedValue}`:E.updatedValue,S.value),q(!0)}),100)}),[S]),e.jsxs(g,Object.assign({channel:W,focused:P,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1)},{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:I&&!S?v.COLORS.content.negative:v.COLORS.content.primary}},{children:[null===(f=E.variableName)||void 0===f?void 0:f.replace("{{","").replace("}}","")," ","link"===(null==E?void 0:E.type)?"link":"variable"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:j?e.jsxs("div",Object.assign({style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:(null==S?void 0:S.label)?"space-between":"flex-end"}},{children:[e.jsx(r.BodyPrimary,{children:u.truncate(null!==(T=null==S?void 0:S.label)&&void 0!==T?T:"",20,!0)}),e.jsx(t.default,{onClick:()=>{w(!H)},width:24,height:24,color:v.COLORS.content.primary})]})):e.jsx(i.Dropdown,{options:k,isSearchable:!1,onSelect:G,defaultOptions:S?[Object.assign(Object.assign({},S),{selected:!0})]:[]})})),("custom_text"===(null==S?void 0:S.value)||"custom_link"===(null==S?void 0:S.value))&&e.jsx(o.Input,{labelText:"custom_text"===(null==S?void 0:S.value)?"Custom text value":"custom_link"===(null==S?void 0:S.value)?"Custom URL value":"",id:`variable-value-${null==S?void 0:S.value}-${_}`,value:C,errorMessage:I?C&&0!==C.trim().length?"custom_link"!==S.value||/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/.test(`https://${C.trim()}`)&&0!==C.trim().length?"custom_link"!==S.value&&C.length>30?"Length cannot be more than 30":"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==S?void 0:S.value)?void 0:30,prefixText:"custom_link"===(null==S?void 0:S.value)?"https://":"",placeholder:"link"===E.type||"custom_link"===S.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{!function(e,t){var l;L(t);const a="custom_link"===(null==S?void 0:S.value)?`https://${t}`:t;J(a,e),W===d.CHANNEL_TYPE.WHATSAPP&&(null==K||K(null!==(l=E.index)&&void 0!==l?l:0,a))}(S.value,e)}}),H&&e.jsx(n.AddVariableV2SideModal,{zIndex:2e3,data:null!=A?A:[],showVariable:H,setShowVariable:w,placeholder:"Add a variable",customTrigger:e=>{y(!1),"{{custom.url}}"===e.actualValue?G({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?G({label:e.displayName,selected:!0,value:"custom_text"}):G({label:e.actualValue.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})}})]}))};
7
+ `,h={value:"custom_link",label:"Custom URL"},x={value:"custom_text",label:"Custom text"};exports.Container=g,exports.default=a=>{let{onFocus:b,variable:E,index:_,showVariableModal:j,variableList:A,setShowDiscountCheckBox:y}=a;var f,T;const[P,N]=l.useState(!1),[C,L]=l.useState(""),[k,O]=l.useState([]),[S,V]=l.useState(),[H,w]=l.useState(!1),[M,q]=l.useState(!1),{device:Y,channel:W,isError:I,originalVariableList:B,template:$,templateSelectionTriggered:R,setTemplate:z,setDisplayContent:D,setOriginalVariableList:U,globalNormalizedPlaceholders:Z,enabledCustomText:F}=p.useTemplateModalContext();function G(e,t){var l,a,n;const i=e;L(""),V(i),W===d.CHANNEL_TYPE.WHATSAPP?"custom_text"!==i.value&&"custom_link"!==i.value?(J(null!==(l=i.value)&&void 0!==l?l:"","string"),null==K||K(null!==(a=E.index)&&void 0!==a?a:0,`[[${i.value}]]`)):(null==K||K(null!==(n=E.index)&&void 0!==n?n:0,E.variableName),J("","url"===i.bikPlaceholderType?"link":"string")):"custom_text"!==i.value&&"custom_link"!==i.value?J(i.value,"url"===i.bikPlaceholderType?"link":"string"):(L(""),J("",i.value))}function J(e,t){var l,a;const n="custom_link"===t?"link":"custom_text"===t?"string":t;if(W!==d.CHANNEL_TYPE.WHATSAPP){const a=m.getVariableNameForEmailByIndex(_+1),i=null===document||void 0===document?void 0:document.getElementById("mobile"===Y?"template_html_mobile":"template_html_desktop"),o=W===d.CHANNEL_TYPE.EMAIL?null===(l=null==i?void 0:i.contentWindow)||void 0===l?void 0:l.document.getElementById(a):document.getElementById(a);o&&(o.textContent="custom_text"!==t&&"custom_link"!==t||e?e:E.variableName);const u=B.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:n,updatedValue:e}):t));null==U||U(u)}if(W===d.CHANNEL_TYPE.WHATSAPP){const t=null===(a=B.body)||void 0===a?void 0:a.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:n,updatedValue:e}):t));null==U||U((e=>Object.assign(Object.assign({},e),{body:t,buttons:B.buttons})))}}function K(e,t){var l;const a=Object.assign({},$),n=null===(l=null==a?void 0:a.components)||void 0===l?void 0:l.map((l=>{var a,n,i,o,u;const s=Object.assign({},l);if("BODY"===l.type&&(null===(n=null===(a=l.example)||void 0===a?void 0:a.body_text)||void 0===n?void 0:n[0])){const l=[...null!==(u=null===(o=null===(i=s.example)||void 0===i?void 0:i.body_text)||void 0===o?void 0:o[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const a=Object.assign(Object.assign({},s.example),{body_text:[l]});return Object.assign(Object.assign({},s),{example:a})}return l}));a.components=n,null==z||z(a)}return l.useEffect((()=>{P&&(null==b||b())}),[P]),l.useEffect((()=>{!function(){var e,t,l,a,n;const i="mobile"===Y?"template_html_mobile":"template_html_desktop",o=document.getElementById(i),u=(null!==(a=null===(l=null===(t=null===(e=null==o?void 0:o.contentWindow)||void 0===e?void 0:e.document)||void 0===t?void 0:t.body)||void 0===l?void 0:l.innerHTML)&&void 0!==a?a:"")+(null===(n=null==o?void 0:o.contentWindow)||void 0===n?void 0:n.document.head.innerHTML);W===d.CHANNEL_TYPE.EMAIL&&(null==D||D(u))}()}),[R]),l.useEffect((()=>{var e;const t=[];let l=[];if(W!==d.CHANNEL_TYPE.MESSAGE||F){"link"===(null==E?void 0:E.type)?(t.push({label:"",options:[h,x]}),V(h)):(t.push({label:"",options:[h,x]}),V(x));const e=null!=Z?Z:[];O([...t,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:c.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})}))]),l=[...t,...e]}else{const e=null!=Z?Z:[];O([{label:"",options:[x,h]},...e]),l=[{label:"",options:[x,h]},...e]}if((W===d.CHANNEL_TYPE.WHATSAPP||W===d.CHANNEL_TYPE.EMAIL||W===d.CHANNEL_TYPE.MESSAGE)&&E.updatedValue)if(s.placeHolderNamePattern.test(E.updatedValue)&&W===d.CHANNEL_TYPE.WHATSAPP||E.updatedValue.startsWith("{{")&&W!==d.CHANNEL_TYPE.WHATSAPP){const e=function(e,t,l){var a;let n={label:"",value:""};const i=l===d.CHANNEL_TYPE.WHATSAPP?e.updatedValue.replace("[[","").replace("]]",""):e.updatedValue.replace("{{","").replace("}}","");j?n={label:e.updatedValue?e.updatedValue.replace("{{","").replace("}}","").trim().replace("."," "):"",value:null!==(a=e.updatedValue)&&void 0!==a?a:""}:t.map((e=>{e.options.map((e=>{var t;(null===(t=e.value)||void 0===t?void 0:t.replace("{{","").replace("}}","").trim())===i.trim()&&(n=e)}))}));return n}(E,l,W);e.value&&V(e)}else(null===(e=E.updatedValue)||void 0===e?void 0:e.startsWith("https"))?(V(h),L(E.updatedValue.split("https://")[1])):(V(x),L(E.updatedValue))}),[]),l.useEffect((()=>{Y&&S&&C&&setTimeout((()=>{J("custom_link"===(null==S?void 0:S.value)?C.includes("https")?C:`https://${C}`:C,S.value)}),100)}),[Y]),l.useEffect((()=>{!M&&S&&E.updatedValue&&setTimeout((()=>{J("custom_link"===(null==S?void 0:S.value)?C.includes("https")?E.updatedValue:`https://${E.updatedValue}`:E.updatedValue,S.value),q(!0)}),100)}),[S]),e.jsxs(g,Object.assign({channel:W,focused:P,onMouseEnter:()=>N(!0),onMouseLeave:()=>N(!1)},{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(r.BodySecondary,Object.assign({style:{color:I&&!S?v.COLORS.content.negative:v.COLORS.content.primary}},{children:[null===(f=E.variableName)||void 0===f?void 0:f.replace("{{","").replace("}}","")," ","link"===(null==E?void 0:E.type)?"link":"variable"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:j?e.jsxs("div",Object.assign({style:{display:"flex",border:"#E0E0E0 1px solid",borderRadius:4,padding:10,justifyContent:(null==S?void 0:S.label)?"space-between":"flex-end"}},{children:[e.jsx(r.BodyPrimary,{children:u.truncate(null!==(T=null==S?void 0:S.label)&&void 0!==T?T:"",20,!0)}),e.jsx(t.default,{onClick:()=>{w(!H)},width:24,height:24,color:v.COLORS.content.primary})]})):e.jsx(i.Dropdown,{options:k,isSearchable:!1,onSelect:G,defaultOptions:S?[Object.assign(Object.assign({},S),{selected:!0})]:[]})})),("custom_text"===(null==S?void 0:S.value)||"custom_link"===(null==S?void 0:S.value))&&e.jsx(o.Input,{labelText:"custom_text"===(null==S?void 0:S.value)?"Custom text value":"custom_link"===(null==S?void 0:S.value)?"Custom URL value":"",id:`variable-value-${null==S?void 0:S.value}-${_}`,value:C,errorMessage:I?C&&0!==C.trim().length?"custom_link"!==S.value||/^https?:\/\/(?:www\.)?[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b(?:[-a-zA-Z0-9()@:%_\+.~#?&\/=]*)$/.test(`https://${C.trim()}`)&&0!==C.trim().length?"custom_link"!==S.value&&C.length>30?"Length cannot be more than 30":"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==S?void 0:S.value)?void 0:30,prefixText:"custom_link"===(null==S?void 0:S.value)?"https://":"",placeholder:"link"===E.type||"custom_link"===S.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>{!function(e,t){var l;L(t);const a="custom_link"===(null==S?void 0:S.value)?t.includes("https")?t:`https://${t}`:t;J(a,e),W===d.CHANNEL_TYPE.WHATSAPP&&(null==K||K(null!==(l=E.index)&&void 0!==l?l:0,a))}(S.value,e)}}),H&&e.jsx(n.AddVariableV2SideModal,{zIndex:2e3,data:null!=A?A:[],showVariable:H,setShowVariable:w,placeholder:"Add a variable",customTrigger:e=>{y(!1),"{{custom.url}}"===e.actualValue?G({label:e.displayName,selected:!0,value:"custom_link"}):"{{custom.text}}"==e.actualValue?G({label:e.displayName,selected:!0,value:"custom_text"}):G({label:e.actualValue.replace("{{","").replace("}}","").trim().replace("."," "),selected:!0,value:e.actualValue,bikPlaceholderType:"string"})}})]}))};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as i,Fragment as o}from"react/jsx-runtime";import n from"../../assets/icons/Bik_logo.svg.js";import{useState as t,useEffect as l,Fragment as d}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as a}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as s}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as v}from"./SidebarStyles.js";import{SimpleSidebar as c}from"./SimpleSidebar.js";const m=r=>{const{logoSvg:m,allMenuList:h,activeMainMenu:g,activeSubMenu:y,router:k,onClickingMainMenu:b,onClickingSubMenu:f,onClickingAccessUpgradePanel:M,onClickingPopupMenuItem:S}=r,[j,N]=t(g),[C,I]=t(),[O,w]=t(y),[L,P]=t(!1),[x,A]=t();l((()=>{N(g)}),[g]),l((()=>{w(y)}),[y]);const _=e=>{I(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)?A(e):I(e)},U=(o,n)=>{var t,l,d,r,a,s;return i("div",Object.assign({id:(null===(l=null===(t=o.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||o.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),I(void 0),P(!0),N(e),!e.path&&b(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?w(null==e?void 0:e.children[0]):w({}),I(void 0),setTimeout((()=>{P(!1)}),1e3))})(o),onMouseEnter:()=>{!L&&_(o)},onMouseOver:()=>{!L&&_(o)},onMouseLeave:()=>{var e;(null===(e=null==o?void 0:o.children)||void 0===e?void 0:e.length)||(I(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({id:(null===(r=null===(d=o.displayName)||void 0===d?void 0:d.split(" "))||void 0===r?void 0:r.join(""))+"_sub"||o.key.toString()+"_sub",className:`sidebar-menu-item ${(null==j?void 0:j.key)==o.key?" main-menu-active-class":""} ${o.isLastSticky?"sticky-menu-int":""} ${o.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${o.key==(null==C?void 0:C.key)?"sidebar-menu-item-hover":""}`},{children:[i(p,{icon:o.icon,isActive:o.key==(null==j?void 0:j.key),activeStateIcon:null!==(a=o.activeIcon)&&void 0!==a?a:{},hoverStateIcon:null!==(s=o.hoverIcon)&&void 0!==s?s:{},isHovered:o.key==(null==C?void 0:C.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==o?void 0:o.key)===(null==j?void 0:j.key)?"active-menu-item-text":"")},{children:o.displayName}))}))]}),n)}),n)},$=()=>{var e,i;if(x){const o=(null===(i=null===(e=x.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||x.key.toString()+"_sub",n=document.getElementById(o);if(n){const e=window.getComputedStyle(n);if("0px"===e.getPropertyValue("bottom")){return e.getPropertyValue("bottom")}return Number(n.offsetTop)}return console.error("Element with ID",o,"not found"),null}};return e(u,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:m||i(n,{})})),i(v,{children:null==h?void 0:h.map(((n,t)=>{var l,r,u;return e(d,{children:[n.path?i(a,Object.assign({href:n.path,router:k},{children:U(n,t)})):U(n,t),e(o,{children:["popup"===n.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(s,{top:null!==(r=Number($()))&&void 0!==r?r:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{S&&S(e),A(void 0)},onMouseLeaveOnMenu:()=>A(void 0)}),(null===(u=null==C?void 0:C.children)||void 0===u?void 0:u.length)&&i(c,{menuList:null==C?void 0:C.children,activeMenu:O,onMouseLeaveOnMenu:()=>I(void 0),left:88,postion:"fixed",header:C.displayName,theme:"brand",router:k,showAccessUpgradePanel:C.showAccessUpgradePanel,onMenuClick:(e,i)=>{w(e),N(C),I(void 0),A(void 0),i&&f(e)},onUpgrade:M})]})]},t)}))})]})},p=e=>{const{icon:n,isActive:t,activeStateIcon:l,hoverStateIcon:d,isHovered:a}=e,s=n,u=d;return i(o,{children:t?i(l,{width:20,height:20}):i(a?u:s,{width:20,height:20,color:r.surface.standard})})};export{m as BikSidebar};
1
+ import{jsxs as e,jsx as i,Fragment as n}from"react/jsx-runtime";import o from"../../assets/icons/Bik_logo.svg.js";import{useState as t,useEffect as l,Fragment as d}from"react";import{COLORS as r}from"../../constants/Theme.js";import{NavigationHyperlink as s}from"../navigation-hyperlink/NavigationHyperlink.js";import{SidebarPopup as a}from"./SidebarPopup.js";import{SideBarContainer as u,SibeBarMenuItem as c}from"./SidebarStyles.js";import{SimpleSidebar as v}from"./SimpleSidebar.js";const m=r=>{const{logoSvg:m,allMenuList:p,activeMainMenu:g,activeSubMenu:y,router:k,onClickingMainMenu:b,onClickingSubMenu:M,onClickingAccessUpgradePanel:S,onClickingPopupMenuItem:j}=r,[f,w]=t(g),[N,L]=t(),[C,O]=t(y),[I,P]=t(!1),[x,A]=t(),[H,_]=t();l((()=>{w(g)}),[g]),l((()=>{O(y)}),[y]);const E=e=>{if(L(void 0),A(void 0),"popup"==(null==e?void 0:e.layout)){const i=$();i&&_(i),A(e)}else L(e)},U=(n,o)=>{var t,l,d,r,s,a;return i("div",Object.assign({id:(null===(l=null===(t=n.displayName)||void 0===t?void 0:t.split(" "))||void 0===l?void 0:l.join(""))||n.key.toString(),className:"main--sidebar",onClick:()=>(e=>{var i;"popup"!==(null==e?void 0:e.layout)&&(A(void 0),L(void 0),P(!0),w(e),!e.path&&b(e),(null===(i=null==e?void 0:e.children)||void 0===i?void 0:i.length)?O(null==e?void 0:e.children[0]):O({}),L(void 0),setTimeout((()=>{P(!1)}),1e3))})(n),onMouseEnter:()=>{!I&&E(n)},onMouseOver:()=>{!I&&E(n)},onMouseLeave:()=>{var e;(null===(e=null==n?void 0:n.children)||void 0===e?void 0:e.length)||(L(void 0),A(void 0))},onFocus:()=>{console.log(";")},"aria-hidden":"true"},{children:e("div",Object.assign({id:(null===(r=null===(d=n.displayName)||void 0===d?void 0:d.split(" "))||void 0===r?void 0:r.join(""))+"_sub"||n.key.toString()+"_sub",className:`sidebar-menu-item ${(null==f?void 0:f.key)==n.key?" main-menu-active-class":""} ${n.isLastSticky?"sticky-menu-int":""} ${n.is2ndLastSticky?"sticky-menu":""}\n\t\t\t${n.key==(null==N?void 0:N.key)?"sidebar-menu-item-hover":""}`},{children:[i(h,{icon:n.icon,isActive:n.key==(null==f?void 0:f.key),activeStateIcon:null!==(s=n.activeIcon)&&void 0!==s?s:{},hoverStateIcon:null!==(a=n.hoverIcon)&&void 0!==a?a:{},isHovered:n.key==(null==N?void 0:N.key)}),i("div",Object.assign({className:"menu-item-container"},{children:i("p",Object.assign({className:"menu-item-text "+((null==n?void 0:n.key)===(null==f?void 0:f.key)?"active-menu-item-text":"")},{children:n.displayName}))}))]}),o)}),o)};l((()=>{const e=()=>{const e=$();e&&_(e)};return window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]);const $=()=>{var e,i;if(x){const n=(null===(i=null===(e=x.displayName)||void 0===e?void 0:e.split(" "))||void 0===i?void 0:i.join(""))+"_sub"||x.key.toString()+"_sub",o=document.getElementById(n);if(o){const e=o.getBoundingClientRect();let i=e.top;return e.bottom+320>window.innerHeight&&(i-=e.bottom+320-window.innerHeight),i}return null}};return e(u,{children:[i("div",Object.assign({className:"bik-header-logo",onClick:()=>{},onKeyDown:()=>{},"aria-hidden":"true"},{children:m||i(o,{})})),i(c,{children:null==p?void 0:p.map(((o,t)=>{var l,r;return e(d,{children:[o.path?i(s,Object.assign({href:o.path,router:k},{children:U(o,t)})):U(o,t),e(n,{children:["popup"===o.layout&&(null===(l=null==x?void 0:x.children)||void 0===l?void 0:l.length)&&i(a,{top:null!=H?H:void 0,menuList:null==x?void 0:x.children,onClickingPopupMenu:e=>{j&&j(e),A(void 0)},onMouseLeaveOnMenu:()=>A(void 0)}),(null===(r=null==N?void 0:N.children)||void 0===r?void 0:r.length)&&i(v,{menuList:null==N?void 0:N.children,activeMenu:C,onMouseLeaveOnMenu:()=>L(void 0),left:88,postion:"fixed",header:N.displayName,theme:"brand",router:k,showAccessUpgradePanel:N.showAccessUpgradePanel,onMenuClick:(e,i)=>{O(e),w(N),L(void 0),A(void 0),i&&M(e)},onUpgrade:S})]})]},t)}))})]})},h=e=>{const{icon:o,isActive:t,activeStateIcon:l,hoverStateIcon:d,isHovered:s}=e,a=o,u=d;return i(n,{children:t?i(l,{width:20,height:20}):i(s?u:a,{width:20,height:20,color:r.surface.standard})})};export{m as BikSidebar};
@@ -1 +1 @@
1
- import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks3"}:{target:"e17yrcks3",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWRlYmFyUG9wdXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0LnNpZGViYXItcmlnaHQtbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJvcmRlcjogMC41cHggc29saWQgdmFyKC0tc3Ryb2tlLWNvbG9yLXN0cm9rZS1wcmltYXJ5LCAjZTBlMGUwKTtcblx0XHRib3gtc2hhZG93OiAwcHggMHB4IDEycHggMHB4IHJnYmEoMjIyLCAyMzYsIDI1NSwgMC42KTtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IHVuZGVmaW5lZCl9cHg7XG5cdFx0Ym90dG9tOiAxMHB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdG1pbi13aWR0aDogMjAwcHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Z2FwOiA4cHg7XG5cdFx0bWluLWhlaWdodDogMTAwcHg7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRtYXgtd2lkdGg6IDMzNnB4O1xuXHR9XG5cdC5lYWNoLW1lbnUge1xuXHRcdHBhZGRpbmc6IDE2cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),H=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SidebarPopupContainer"})(".sidebar-right-menu{border-radius:4px;border:0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);box-shadow:0px 0px 12px 0px rgba(222, 236, 255, 0.6);position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:void 0),"px;bottom:10px;left:",(c=>c.left?c.left:0),"px;min-width:200px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";display:flex;flex-direction:column;padding:16px;gap:8px;min-height:100px;overflow-y:auto;max-width:336px;}.each-menu{padding:16px;gap:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:0.5px solid #e0e0e0;cursor:pointer;:hover{background-color:",d.background.base,";border-radius:8px;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJMZ0QiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogOHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMzZweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiAxNnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5cdFx0Ym9yZGVyLWJvdHRvbTogMC41cHggc29saWQgI2UwZTBlMDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0OmhvdmVyIHtcblx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1TaWRlYmFyU3R5bGVzLmpzLm1hcCJdfQ== */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SidebarPopupContainer,H as SimpleSidebarContainer};
1
+ import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const X=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks3"}:{target:"e17yrcks3",label:"SideBarContainer"})("production"===process.env.NODE_ENV?{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}"}:{name:"1vc2gsk",styles:"background-color:#28034e;width:88px;justify-content:space-between;position:sticky;top:0;left:0;z-index:10;overflow-y:auto;height:100vh;.bik-header-logo{margin:24px 15.39px 8px 15.39px;display:flex;flex-direction:column;justify-content:center;align-items:center;width:57px;height:20px;cursor:pointer;img{width:100%;height:100%;object-fit:container;}}.sticky-menu{@media (min-height: 768px){position:absolute;bottom:0px;width:85%;}}.sticky-menu-int{@media (min-height: 768px){position:absolute;bottom:64px;width:85%;}}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUUyQyIsImZpbGUiOiJTaWRlYmFyU3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU2lkZUJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAjMjgwMzRlO1xuXHR3aWR0aDogODhweDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRwb3NpdGlvbjogc3RpY2t5O1xuXHR0b3A6IDA7XG5cdGxlZnQ6IDA7XG5cdHotaW5kZXg6IDEwO1xuXHRvdmVyZmxvdy15OiBhdXRvO1xuXHRoZWlnaHQ6IDEwMHZoO1xuXG5cdC5iaWstaGVhZGVyLWxvZ28ge1xuXHRcdG1hcmdpbjogMjRweCAxNS4zOXB4IDhweCAxNS4zOXB4O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdHdpZHRoOiA1N3B4O1xuXHRcdGhlaWdodDogMjBweDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0aW1nIHtcblx0XHRcdHdpZHRoOiAxMDAlO1xuXHRcdFx0aGVpZ2h0OiAxMDAlO1xuXHRcdFx0b2JqZWN0LWZpdDogY29udGFpbmVyO1xuXHRcdH1cblx0fVxuXG5cdC5zdGlja3ktbWVudSB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiAwcHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuXHQuc3RpY2t5LW1lbnUtaW50IHtcblx0XHRAbWVkaWEgKG1pbi1oZWlnaHQ6IDc2OHB4KSB7XG5cdFx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0XHRib3R0b206IDY0cHg7XG5cdFx0XHR3aWR0aDogODUlO1xuXHRcdH1cblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFNpYmVCYXJNZW51SXRlbSA9IHN0eWxlZC5kaXYgYFxuXHRtYXJnaW46IDE2cHggMHB4O1xuXHQubWFpbi0tc2lkZWJhciB7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRwYWRkaW5nOiAwcHggOHB4O1xuXHRcdG1hcmdpbi1ib3R0b206IDZweDtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiA4cHg7XG5cdFx0fVxuXHR9XG5cblx0LnNpZGViYXItbWVudS1pdGVtIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogc3BhY2UtYXJvdW5kO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ+ICoge1xuXHRcdFx0Z2FwOiAxMHB4O1xuXHRcdH1cblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cblxuXHQubWVudS1pdGVtLWNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQubWVudS1pdGVtLXRleHQge1xuXHRcdFx0Zm9udC1mYW1pbHk6ICdJbnRlcic7XG5cdFx0XHRmb250LXN0eWxlOiBub3JtYWw7XG5cdFx0XHRmb250LXdlaWdodDogNDAwO1xuXHRcdFx0Zm9udC1zaXplOiAxMnB4O1xuXHRcdFx0bGluZS1oZWlnaHQ6IDE2cHg7XG5cdFx0XHR1c2VyLXNlbGVjdDogbm9uZTtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2V9O1xuXHRcdFx0bWFyZ2luLWJvdHRvbTogMHB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQuYWN0aXZlLW1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdFx0fVxuXHR9XG5cdC5tYWluLW1lbnUtYWN0aXZlLWNsYXNzIHtcblx0XHRib3JkZXItcmFkaXVzOiAxMHB4O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICMzODEwNjI7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy52aWJyYW50fTtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW0taG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zaWRlYmFyLW1lbnUtaXRlbTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogIzM4MTA2Mjtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaW1wbGVTaWRlYmFyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC50cmFuc2Zvcm0tY2xhc3Mge1xuXHRcdHBvc2l0aW9uOiByZWxhdGl2ZTtcblx0XHRhbmltYXRpb246IGFuaW1hdGVib3R0b20gMC41cztcblx0XHR0cmFuc2l0aW9uLXRpbWluZy1mdW5jdGlvbjogZWFzZS1pbjtcblx0fVxuXHRAa2V5ZnJhbWVzIGFuaW1hdGVib3R0b20ge1xuXHRcdGZyb20ge1xuXHRcdFx0d2lkdGg6IDg4cHg7XG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblxuXHRcdHRvIHtcblx0XHRcdHdpZHRoOiAyMDBweDtcblx0XHRcdG9wYWNpdHk6IDE7XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdHBvc2l0aW9uOiAkeyhwcm9wcykgPT4gKHByb3BzLnBvc3Rpb24gPyBwcm9wcy5wb3N0aW9uIDogJ3N0aWNreScpfTtcblx0XHR0b3A6ICR7KHByb3BzKSA9PiAocHJvcHMudG9wID8gcHJvcHMudG9wIDogMCl9cHg7XG5cdFx0bGVmdDogJHsocHJvcHMpID0+IChwcm9wcy5sZWZ0ID8gcHJvcHMubGVmdCA6IDApfXB4OyAvLzg4XG5cdFx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMud2lkdGggPyBwcm9wcy53aWR0aCA6IDIwMCl9cHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0aGVpZ2h0OiAxMDB2aDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtbWVudSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdC5zdWItY2hpbGQtdGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZCA6ICcnfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0d2hpdGUtc3BhY2U6IG5vd3JhcDtcblx0XHRcdG92ZXJmbG93OiBoaWRkZW47XG5cdFx0XHR0ZXh0LW92ZXJmbG93OiBlbGxpcHNpcztcblx0XHR9XG5cdFx0LnN1Yi1jaGlsZC1hY3RpdmUtdGV4dCB7XG5cdFx0XHRib3JkZXItcmFkaXVzOiAwcHggNHB4IDRweCAwcHg7XG5cdFx0XHR3aWR0aDogMnB4O1xuXHRcdFx0aGVpZ2h0OiAxMnB4O1xuXHRcdFx0YmFja2dyb3VuZDogd2hpdGU7XG5cdFx0fVxuXHRcdC5hY3RpdmUtYm9sZC13ZWlnaHQge1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDYwMDtcblx0XHR9XG5cdH1cblx0LnN1Yi1jaGlsZC1tZW51OmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtYWN0aXZlLW1lbnUge1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5iYWNrZ3JvdW5kLmludmVyc2VMaWdodFxyXG4gICAgOiBDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblx0LnN1Yi1jaGlsZC1kaXNwbGF5LW5hbWUge1xuXHRcdHBhZGRpbmc6IDE0cHggMTJweDtcblx0XHRjb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5SW52ZXJzZVxyXG4gICAgOiBDT0xPUlMudGV4dC5zZWNvbmRhcnl9O1xuXHR9XG5cdC5sb3dlci1zdGlja3ktcGFuZWwge1xuXHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRib3R0b206IDE2cHg7XG5cdFx0LnRpdGxlLXRleHQge1xuXHRcdFx0cGFkZGluZzogOHB4IDEycHg7XG5cdFx0XHR0ZXh0LWFsaWduOiBjZW50ZXI7XG5cdFx0fVxuXHRcdC51cGdyYWRlLWJ1dHRvbiB7XG5cdFx0XHRtYXJnaW46IGF1dG87XG5cdFx0fVxuXHR9XG5cdC5zaWRlYmFyLXNrZWxldG9uIHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWRlYmFyUG9wdXBDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0LnNpZGViYXItcmlnaHQtbWVudSB7XG5cdFx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRcdGJvcmRlcjogMC41cHggc29saWQgdmFyKC0tc3Ryb2tlLWNvbG9yLXN0cm9rZS1wcmltYXJ5LCAjZTBlMGUwKTtcblx0XHRib3gtc2hhZG93OiAwcHggMHB4IDEycHggMHB4IHJnYmEoMjIyLCAyMzYsIDI1NSwgMC42KTtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IHVuZGVmaW5lZCl9cHg7XG5cdFx0Ym90dG9tOiAxMHB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdG1pbi13aWR0aDogMjAwcHg7XG5cdFx0ei1pbmRleDogJHsocHJvcHMpID0+IChwcm9wcy56SW5kZXggPyBwcm9wcy56SW5kZXggOiAyKX07XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCcgPyAnIzM4MTA2MicgOiBDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDEycHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0bWluLWhlaWdodDogMTAwcHg7XG5cdFx0b3ZlcmZsb3cteTogYXV0bztcblx0XHRtYXgtd2lkdGg6IDMyMHB4O1xuXHR9XG5cdC5lYWNoLW1lbnUge1xuXHRcdHBhZGRpbmc6IDhweDtcblx0XHRnYXA6IDRweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuXHRcdGFsaWduLWl0ZW1zOiBmbGV4LXN0YXJ0O1xuXHRcdGJvcmRlci1ib3R0b206IDAuNXB4IHNvbGlkICNlMGUwZTA7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdDpob3ZlciB7XG5cdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHRcdH1cblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U2lkZWJhclN0eWxlcy5qcy5tYXAiXX0= */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks2"}:{target:"e17yrcks2",label:"SibeBarMenuItem"})("margin:16px 0px;.main--sidebar{overflow-y:auto;padding:0px 8px;margin-bottom:6px;>*{gap:8px;}}.sidebar-menu-item{display:flex;flex-direction:column;border-radius:10px;align-items:center;justify-content:space-around;cursor:pointer;padding:8px;>*{gap:10px;}}.menu-item-container{display:flex;flex-direction:row;cursor:pointer;.menu-item-text{font-family:'Inter';font-style:normal;font-weight:400;font-size:12px;line-height:16px;user-select:none;color:",d.content.secondaryInverse,";margin-bottom:0px;text-align:center;}.active-menu-item-text{color:",d.background.warning.vibrant,";}}.main-menu-active-class{border-radius:10px;background-color:#381062;color:",d.background.warning.vibrant,";}.sidebar-menu-item-hover{background:#381062;border-radius:8px;}.sidebar-menu-item:hover{background:#381062;border-radius:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDMEMiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMjBweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */")),H=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks1"}:{target:"e17yrcks1",label:"SimpleSidebarContainer"})(".transform-class{position:relative;animation:animatebottom 0.5s;transition-timing-function:ease-in;}@keyframes animatebottom{from{width:88px;opacity:0;}to{width:200px;opacity:1;}}.sidebar-right-menu{position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:0),"px;left:",(c=>c.left?c.left:0),"px;width:",(c=>c.width?c.width:200),"px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";height:100vh;display:flex;flex-direction:column;padding:8px;}.sub-child-menu{display:flex;align-items:center;justify-content:flex-start;margin-bottom:8px;cursor:pointer;.sub-child-text{color:",(c=>"brand"==c.theme?d.surface.standard:""),";margin-bottom:0px;padding:8px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}.sub-child-active-text{border-radius:0px 4px 4px 0px;width:2px;height:12px;background:white;}.active-bold-weight{font-weight:600;}}.sub-child-menu:hover{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-active-menu{background:",(c=>"brand"==c.theme?d.background.inverseLight:d.background.base),";border-radius:8px;}.sub-child-display-name{padding:14px 12px;color:",(c=>"brand"==c.theme?d.content.secondaryInverse:d.text.secondary),";}.lower-sticky-panel{position:absolute;bottom:16px;.title-text{padding:8px 12px;text-align:center;}.upgrade-button{margin:auto;}}.sidebar-skeleton{padding:8px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFHaUQiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMjBweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */")),x=c("div","production"===process.env.NODE_ENV?{target:"e17yrcks0"}:{target:"e17yrcks0",label:"SidebarPopupContainer"})(".sidebar-right-menu{border-radius:4px;border:0.5px solid var(--stroke-color-stroke-primary, #e0e0e0);box-shadow:0px 0px 12px 0px rgba(222, 236, 255, 0.6);position:",(c=>c.postion?c.postion:"sticky"),";top:",(c=>c.top?c.top:void 0),"px;bottom:10px;left:",(c=>c.left?c.left:0),"px;min-width:200px;z-index:",(c=>c.zIndex?c.zIndex:2),";background-color:",(c=>"brand"==c.theme?"#381062":d.surface.standard),";display:flex;flex-direction:column;padding:12px;gap:4px;min-height:100px;overflow-y:auto;max-width:320px;}.each-menu{padding:8px;gap:4px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-bottom:0.5px solid #e0e0e0;cursor:pointer;:hover{background-color:",d.background.base,";border-radius:8px;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlNpZGViYXJTdHlsZXMudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJMZ0QiLCJmaWxlIjoiU2lkZWJhclN0eWxlcy50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFNpZGVCYXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0YmFja2dyb3VuZC1jb2xvcjogIzI4MDM0ZTtcblx0d2lkdGg6IDg4cHg7XG5cdGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2Vlbjtcblx0cG9zaXRpb246IHN0aWNreTtcblx0dG9wOiAwO1xuXHRsZWZ0OiAwO1xuXHR6LWluZGV4OiAxMDtcblx0b3ZlcmZsb3cteTogYXV0bztcblx0aGVpZ2h0OiAxMDB2aDtcblxuXHQuYmlrLWhlYWRlci1sb2dvIHtcblx0XHRtYXJnaW46IDI0cHggMTUuMzlweCA4cHggMTUuMzlweDtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHR3aWR0aDogNTdweDtcblx0XHRoZWlnaHQ6IDIwcHg7XG5cdFx0Y3Vyc29yOiBwb2ludGVyO1xuXHRcdGltZyB7XG5cdFx0XHR3aWR0aDogMTAwJTtcblx0XHRcdGhlaWdodDogMTAwJTtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW5lcjtcblx0XHR9XG5cdH1cblxuXHQuc3RpY2t5LW1lbnUge1xuXHRcdEBtZWRpYSAobWluLWhlaWdodDogNzY4cHgpIHtcblx0XHRcdHBvc2l0aW9uOiBhYnNvbHV0ZTtcblx0XHRcdGJvdHRvbTogMHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cblx0LnN0aWNreS1tZW51LWludCB7XG5cdFx0QG1lZGlhIChtaW4taGVpZ2h0OiA3NjhweCkge1xuXHRcdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdFx0Ym90dG9tOiA2NHB4O1xuXHRcdFx0d2lkdGg6IDg1JTtcblx0XHR9XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBTaWJlQmFyTWVudUl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0bWFyZ2luOiAxNnB4IDBweDtcblx0Lm1haW4tLXNpZGViYXIge1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0cGFkZGluZzogMHB4IDhweDtcblx0XHRtYXJnaW4tYm90dG9tOiA2cHg7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogOHB4O1xuXHRcdH1cblx0fVxuXG5cdC5zaWRlYmFyLW1lbnUtaXRlbSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWFyb3VuZDtcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0PiAqIHtcblx0XHRcdGdhcDogMTBweDtcblx0XHR9XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5cblx0Lm1lbnUtaXRlbS1jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0XHRjdXJzb3I6IHBvaW50ZXI7XG5cdFx0Lm1lbnUtaXRlbS10ZXh0IHtcblx0XHRcdGZvbnQtZmFtaWx5OiAnSW50ZXInO1xuXHRcdFx0Zm9udC1zdHlsZTogbm9ybWFsO1xuXHRcdFx0Zm9udC13ZWlnaHQ6IDQwMDtcblx0XHRcdGZvbnQtc2l6ZTogMTJweDtcblx0XHRcdGxpbmUtaGVpZ2h0OiAxNnB4O1xuXHRcdFx0dXNlci1zZWxlY3Q6IG5vbmU7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnlJbnZlcnNlfTtcblx0XHRcdG1hcmdpbi1ib3R0b206IDBweDtcblx0XHRcdHRleHQtYWxpZ246IGNlbnRlcjtcblx0XHR9XG5cdFx0LmFjdGl2ZS1tZW51LWl0ZW0tdGV4dCB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC53YXJuaW5nLnZpYnJhbnR9O1xuXHRcdH1cblx0fVxuXHQubWFpbi1tZW51LWFjdGl2ZS1jbGFzcyB7XG5cdFx0Ym9yZGVyLXJhZGl1czogMTBweDtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAjMzgxMDYyO1xuXHRcdGNvbG9yOiAke0NPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcudmlicmFudH07XG5cdH1cblx0LnNpZGViYXItbWVudS1pdGVtLWhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kOiAjMzgxMDYyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc2lkZWJhci1tZW51LWl0ZW06aG92ZXIge1xuXHRcdGJhY2tncm91bmQ6ICMzODEwNjI7XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2ltcGxlU2lkZWJhckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHQudHJhbnNmb3JtLWNsYXNzIHtcblx0XHRwb3NpdGlvbjogcmVsYXRpdmU7XG5cdFx0YW5pbWF0aW9uOiBhbmltYXRlYm90dG9tIDAuNXM7XG5cdFx0dHJhbnNpdGlvbi10aW1pbmctZnVuY3Rpb246IGVhc2UtaW47XG5cdH1cblx0QGtleWZyYW1lcyBhbmltYXRlYm90dG9tIHtcblx0XHRmcm9tIHtcblx0XHRcdHdpZHRoOiA4OHB4O1xuXHRcdFx0b3BhY2l0eTogMDtcblx0XHR9XG5cblx0XHR0byB7XG5cdFx0XHR3aWR0aDogMjAwcHg7XG5cdFx0XHRvcGFjaXR5OiAxO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1yaWdodC1tZW51IHtcblx0XHRwb3NpdGlvbjogJHsocHJvcHMpID0+IChwcm9wcy5wb3N0aW9uID8gcHJvcHMucG9zdGlvbiA6ICdzdGlja3knKX07XG5cdFx0dG9wOiAkeyhwcm9wcykgPT4gKHByb3BzLnRvcCA/IHByb3BzLnRvcCA6IDApfXB4O1xuXHRcdGxlZnQ6ICR7KHByb3BzKSA9PiAocHJvcHMubGVmdCA/IHByb3BzLmxlZnQgOiAwKX1weDsgLy84OFxuXHRcdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLndpZHRoID8gcHJvcHMud2lkdGggOiAyMDApfXB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGhlaWdodDogMTAwdmg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdHBhZGRpbmc6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLW1lbnUge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGZsZXgtc3RhcnQ7XG5cdFx0bWFyZ2luLWJvdHRvbTogOHB4O1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQuc3ViLWNoaWxkLXRleHQge1xuXHRcdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmQgOiAnJ307XG5cdFx0XHRtYXJnaW4tYm90dG9tOiAwcHg7XG5cdFx0XHRwYWRkaW5nOiA4cHggMTJweDtcblx0XHRcdHdoaXRlLXNwYWNlOiBub3dyYXA7XG5cdFx0XHRvdmVyZmxvdzogaGlkZGVuO1xuXHRcdFx0dGV4dC1vdmVyZmxvdzogZWxsaXBzaXM7XG5cdFx0fVxuXHRcdC5zdWItY2hpbGQtYWN0aXZlLXRleHQge1xuXHRcdFx0Ym9yZGVyLXJhZGl1czogMHB4IDRweCA0cHggMHB4O1xuXHRcdFx0d2lkdGg6IDJweDtcblx0XHRcdGhlaWdodDogMTJweDtcblx0XHRcdGJhY2tncm91bmQ6IHdoaXRlO1xuXHRcdH1cblx0XHQuYWN0aXZlLWJvbGQtd2VpZ2h0IHtcblx0XHRcdGZvbnQtd2VpZ2h0OiA2MDA7XG5cdFx0fVxuXHR9XG5cdC5zdWItY2hpbGQtbWVudTpob3ZlciB7XG5cdFx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09ICdicmFuZCdcclxuICAgID8gQ09MT1JTLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IENPTE9SUy5iYWNrZ3JvdW5kLmJhc2V9O1xuXHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0fVxuXHQuc3ViLWNoaWxkLWFjdGl2ZS1tZW51IHtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMudGhlbWUgPT0gJ2JyYW5kJ1xyXG4gICAgPyBDT0xPUlMuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogQ09MT1JTLmJhY2tncm91bmQuYmFzZX07XG5cdFx0Ym9yZGVyLXJhZGl1czogOHB4O1xuXHR9XG5cdC5zdWItY2hpbGQtZGlzcGxheS1uYW1lIHtcblx0XHRwYWRkaW5nOiAxNHB4IDEycHg7XG5cdFx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnXHJcbiAgICA/IENPTE9SUy5jb250ZW50LnNlY29uZGFyeUludmVyc2VcclxuICAgIDogQ09MT1JTLnRleHQuc2Vjb25kYXJ5fTtcblx0fVxuXHQubG93ZXItc3RpY2t5LXBhbmVsIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0Ym90dG9tOiAxNnB4O1xuXHRcdC50aXRsZS10ZXh0IHtcblx0XHRcdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRcdFx0dGV4dC1hbGlnbjogY2VudGVyO1xuXHRcdH1cblx0XHQudXBncmFkZS1idXR0b24ge1xuXHRcdFx0bWFyZ2luOiBhdXRvO1xuXHRcdH1cblx0fVxuXHQuc2lkZWJhci1za2VsZXRvbiB7XG5cdFx0cGFkZGluZzogOHB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU2lkZWJhclBvcHVwQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdC5zaWRlYmFyLXJpZ2h0LW1lbnUge1xuXHRcdGJvcmRlci1yYWRpdXM6IDRweDtcblx0XHRib3JkZXI6IDAuNXB4IHNvbGlkIHZhcigtLXN0cm9rZS1jb2xvci1zdHJva2UtcHJpbWFyeSwgI2UwZTBlMCk7XG5cdFx0Ym94LXNoYWRvdzogMHB4IDBweCAxMnB4IDBweCByZ2JhKDIyMiwgMjM2LCAyNTUsIDAuNik7XG5cdFx0cG9zaXRpb246ICR7KHByb3BzKSA9PiAocHJvcHMucG9zdGlvbiA/IHByb3BzLnBvc3Rpb24gOiAnc3RpY2t5Jyl9O1xuXHRcdHRvcDogJHsocHJvcHMpID0+IChwcm9wcy50b3AgPyBwcm9wcy50b3AgOiB1bmRlZmluZWQpfXB4O1xuXHRcdGJvdHRvbTogMTBweDtcblx0XHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLmxlZnQgPyBwcm9wcy5sZWZ0IDogMCl9cHg7IC8vODhcblx0XHRtaW4td2lkdGg6IDIwMHB4O1xuXHRcdHotaW5kZXg6ICR7KHByb3BzKSA9PiAocHJvcHMuekluZGV4ID8gcHJvcHMuekluZGV4IDogMil9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy50aGVtZSA9PSAnYnJhbmQnID8gJyMzODEwNjInIDogQ09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRwYWRkaW5nOiAxMnB4O1xuXHRcdGdhcDogNHB4O1xuXHRcdG1pbi1oZWlnaHQ6IDEwMHB4O1xuXHRcdG92ZXJmbG93LXk6IGF1dG87XG5cdFx0bWF4LXdpZHRoOiAzMjBweDtcblx0fVxuXHQuZWFjaC1tZW51IHtcblx0XHRwYWRkaW5nOiA4cHg7XG5cdFx0Z2FwOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRcdGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcblx0XHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcblx0XHRib3JkZXItYm90dG9tOiAwLjVweCBzb2xpZCAjZTBlMGUwO1xuXHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHQ6aG92ZXIge1xuXHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdGJvcmRlci1yYWRpdXM6IDhweDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVNpZGViYXJTdHlsZXMuanMubWFwIl19 */"));export{b as SibeBarMenuItem,X as SideBarContainer,x as SidebarPopupContainer,H as SimpleSidebarContainer};
@@ -1 +1 @@
1
- import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o 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,BodySecondary as p,TitleSmall as g}from"../TypographyStyle.js";import{useCurrency as u}from"../../hooks/useCurreny.js";import{COLORS as b}from"../../constants/Theme.js";import{Tag as y}from"../tag/Tag.js";const j=j=>{var O;const{formatCurrency:v}=u(),f=j.showMonthlyOptions?j.features:j.annualFeatures||[],T=j.showMonthlyOptions?j.monthlyPlan:j.yearlyPlan,N=!j.isDisabled&&j.isMostPopular,x=j.showMonthlyOptions?j.code:null!==(O=j.yearlyCode)&&void 0!==O?O:j.code,{planName:P,isSelected:S=!1,isDisabled:k=!1,onPlanSelect:C,oldPrice:M,hideMonthYearTag:w,planDescription:D,planDescriptionDiscount:L,showTrialOptions:F,freeTrialMessages:$,extraBlockMessage:z,isLoading:B,buttonText:W,bottomDescription:_,showMonthlyOptions:H,popularTestimony:I,skipRadioSelection:U=!1,includeText:Y,height:q,showFeaturesButton:A,businessDescription:R,isPlanSelected:E=!1,onClickShowAllFeatures:G,showSelectedPlanChip:J=!1,perMonthForYearly:K=!1}=j,Q=e=>K&&!H?0==e?"$0":v(Math.round(e/12),"USD"):0==e?"$0":v(e,"USD");return e(l,Object.assign({height:q,showMostPopularChip:N||!1,onClick:()=>C(x)},{children:[N&&e("div",Object.assign({className:"most-popular-chip"},{children:[t(c,Object.assign({className:"popular-text"},{children:"Most popular "})),t(o,{height:12,width:12})]})),e("div",Object.assign({className:`box ${k?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!U&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=k&&k,onChange:()=>C(x),className:"radio-button",checked:E}),t(d,Object.assign({style:{color:b.content.secondary,marginBottom:4}},{children:P})),J&&t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(y,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e("div",Object.assign({className:"price-block"},{children:[M?t(h,Object.assign({className:"old--price"},{children:Q(T.price)})):t(s,{}),t(m,Object.assign({style:{color:b.content.primary}},{children:Q(M||T.price)})),t(c,Object.assign({style:{color:b.content.secondary,marginLeft:4}},{children:w?"":"/ "+(H?"month":K?"month billed annually":"year")}))]})),D&&e("div",Object.assign({className:"per-message-price"},{children:[t(h,Object.assign({style:{color:b.content.secondary}},{children:D})),L&&t(h,Object.assign({style:{color:b.background.positive.vibrant,marginLeft:4}},{children:L}))]})),R&&R.length&&t("div",Object.assign({style:{marginTop:4}},{children:R.map(((e,s)=>t(p,{style:{color:b.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),F&&e(c,Object.assign({className:"trial "+(S?"selected":"")},{children:["7 day free trial with ",$," messages"]})),z&&t(c,Object.assign({className:"trial "+(S?"selected":"")},{children:z})),t(g,Object.assign({className:"extra-include-margin",style:{height:Y?"":"20px"}},{children:Y||""})),t("div",Object.assign({className:"features"},{children:f.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:b.content.primary})}),t(p,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),A&&t(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),G&&G()}}),U&&t("div",Object.assign({className:"button-box"},{children:B?t(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[S&&t(r,{disabled:k,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:W||"Selected Plan"}),!S&&!k&&t(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),C(x)},matchParentWidth:!0,buttonText:W||"Choose plan"})]})})),I&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:t("i",{children:I})}))]}))]})),_&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${k?"disabled":""}\n\t\t\t\t\t${S?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:b.background.inverse}},{children:_}))}))]}))};export{j as NewSubscriptionPlan};
1
+ import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o 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 g}from"../../hooks/useCurreny.js";import{COLORS as u}from"../../constants/Theme.js";import{Tag as b}from"../tag/Tag.js";const y=y=>{var j;const{formatCurrency:O}=g(),v=y.showMonthlyOptions?y.features:y.annualFeatures||[],f=y.showMonthlyOptions?y.monthlyPlan:y.yearlyPlan,T=!y.isDisabled&&y.isMostPopular,N=y.showMonthlyOptions?y.code:null!==(j=y.yearlyCode)&&void 0!==j?j:y.code,{planName:x,isSelected:P=!1,isDisabled:S=!1,onPlanSelect:k,oldPrice:C,hideMonthYearTag:M,planDescription:w,planDescriptionDiscount:D,showTrialOptions:L,freeTrialMessages:F,extraBlockMessage:$,isLoading:z,buttonText:B,bottomDescription:W,showMonthlyOptions:_,popularTestimony:H,skipRadioSelection:I=!1,includeText:U,height:Y,showFeaturesButton:q,businessDescription:A,isPlanSelected:R=!1,onClickShowAllFeatures:E,showSelectedPlanChip:G=!1,perMonthForYearly:J=!1}=y,K=e=>J&&!_?0==e?"$0":O(Math.round(e/12),"USD"):0==e?"$0":O(e,"USD");return e(l,Object.assign({height:Y,showMostPopularChip:T||!1,onClick:()=>k(N)},{children:[T&&e("div",Object.assign({className:"most-popular-chip"},{children:[t(c,Object.assign({className:"popular-text"},{children:"Most popular "})),t(o,{height:12,width:12})]})),e("div",Object.assign({className:`box ${S?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!I&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=S&&S,onChange:()=>k(N),className:"radio-button",checked:R}),t(d,Object.assign({style:{color:u.content.secondary,marginBottom:4}},{children:x})),G&&t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(b,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e("div",Object.assign({className:"price-block"},{children:[C?t(h,Object.assign({className:"old--price"},{children:K(f.price)})):t(s,{}),t(m,Object.assign({style:{color:u.content.primary}},{children:K(C||f.price)})),t(c,Object.assign({style:{color:u.content.secondary,marginLeft:4}},{children:M?"":"/ "+(_?"month":J?"month billed annually":"year")}))]})),w&&e("div",Object.assign({className:"per-message-price"},{children:[t(h,Object.assign({style:{color:u.content.secondary}},{children:w})),D&&t(h,Object.assign({style:{color:u.background.positive.vibrant,marginLeft:4}},{children:D}))]})),A&&A.length&&t("div",Object.assign({style:{marginTop:4}},{children:A.map(((e,s)=>t(h,{style:{color:u.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),L&&e(c,Object.assign({className:"trial "+(P?"selected":"")},{children:["7 day free trial with ",F," messages"]})),$&&t(c,Object.assign({className:"trial "+(P?"selected":"")},{children:$})),t(p,Object.assign({className:"extra-include-margin",style:{height:U?"":"20px"}},{children:U||""})),t("div",Object.assign({className:"features"},{children:v.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:u.content.primary})}),t(h,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),q&&t(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),E&&E()}}),I&&t("div",Object.assign({className:"button-box"},{children:z?t(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[P&&t(r,{disabled:S,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:B||"Selected Plan"}),!P&&!S&&t(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),k(N)},matchParentWidth:!0,buttonText:B||"Choose plan"})]})})),H&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:t("i",{children:H})}))]}))]})),W&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${S?"disabled":""}\n\t\t\t\t\t${P?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:u.background.inverse}},{children:W}))}))]}))};export{y as NewSubscriptionPlan};
@@ -1,6 +1,6 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useState as l,createElement as t}from"react";import o from"styled-components";import{NewSubscriptionPlan as n}from"./NewSubscriptionPlan.js";const s=o.div`
1
+ import{jsx as e}from"react/jsx-runtime";import{useState as t,createElement as l}from"react";import o from"styled-components";import{NewSubscriptionPlan as n}from"./NewSubscriptionPlan.js";const i=o.div`
2
2
  display: flex;
3
3
  column-gap: 22px;
4
4
  align-items: stretch;
5
5
  overflow-x: auto;
6
- `,a=o=>{var a;const[i,r]=l(null!==(a=o.selectedPlan)&&void 0!==a?a:"");return e(s,Object.assign({style:{padding:"28px 0px"}},{children:o.plans.map(((l,s)=>{var a,c;return e("div",Object.assign({style:{width:null!==(a=o.staticWidth)&&void 0!==a?a:308}},{children:t(n,Object.assign({},l,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==o.selectedTab)&&void 0!==c&&c,showTrialOptions:o.showTrialOptions||!1,onPlanSelect:e=>{o.onPlanSelect(e),r(e)},key:l.planName,isPlanSelected:i==("monthly"==o.selectedTab?l.code:l.yearlyCode),onClickShowAllFeatures:o.onClickShowAllFeatures,showSelectedPlanChip:o.currentPlan==("monthly"==o.selectedTab?l.code:l.yearlyCode)}))}),s)}))}))};export{a as SubscriptionPlansCollected};
6
+ `,s=o=>{var s;const[a,r]=t(null!==(s=o.selectedPlan)&&void 0!==s?s:"");return e(i,Object.assign({style:{padding:"28px 0px"}},{children:o.plans.map(((t,i)=>{var s,c,d;return e("div",Object.assign({style:{minWidth:null!==(s=o.staticWidth)&&void 0!==s?s:280,maxWidth:null!==(c=o.staticWidth)&&void 0!==c?c:280}},{children:l(n,Object.assign({},t,{showMonthly:!0,showMonthlyOptions:null!==(d="monthly"==o.selectedTab)&&void 0!==d&&d,showTrialOptions:o.showTrialOptions||!1,onPlanSelect:e=>{o.onPlanSelect(e),r(e)},key:t.planName,isPlanSelected:a==("monthly"==o.selectedTab?t.code:t.yearlyCode),onClickShowAllFeatures:o.onClickShowAllFeatures,showSelectedPlanChip:o.currentPlan==("monthly"==o.selectedTab?t.code:t.yearlyCode)}))}),i)}))}))};export{s as SubscriptionPlansCollected};
@@ -21,6 +21,8 @@ interface CollectionsScreenInterface {
21
21
  setCurPage: React.Dispatch<React.SetStateAction<number>>;
22
22
  };
23
23
  hideCollectionCheckbox?: boolean;
24
+ renderWithoutModal?: boolean;
25
+ pickerType?: 'COLLECTION' | 'PRODUCT';
24
26
  }
25
27
  export declare const CollectionsScreen: (props: CollectionsScreenInterface) => import("react/jsx-runtime").JSX.Element;
26
28
  export {};
@@ -1 +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 c,useState as s,useEffect as r}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as l}from"../icon-button/IconButton.js";import{BikShimmer as d}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as a}from"../tag/Tag.js";import{TitleRegular as h}from"../TypographyStyle.js";import{EmptyState as u}from"./emptyState.js";import{CollectionCardStyle as m,CollectionCardInfoStyle as p,CollectionCardDetailStyle as C,CollectionNameHolder as g}from"./style.js";const v=(e,t,o)=>{if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{const{customCollectionRestriction:i,dataLoading:n,collections:l,selectedCollectionsDispatch:a,setCollectionId:h,selectedCollections:m,setScreen:p,collectionFetcher:C,collectionsDispatch:g,pagingControls:v,storeId:b,setSaveDisabled:f,hideCollectionCheckbox:k}=o,j=c(null),x=c(v.curPage),O=!!i&&(null==m?void 0:m.isCustom),[E,S]=s(!1);r((()=>{x.current=v.curPage}),[v.curPage]),r((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&x.current>0&&(f(!0),S(!0),C(x.current,b).then((e=>{g({type:"paged",data:(null==e?void 0:e.collections)||{}}),v.setCurPage(x.current+1),S(!1),f(!1)})).catch())}),{threshold:1});return j.current&&e.observe(j.current),()=>{j.current&&e.unobserve(j.current)}}),[j]);const D=e=>{var t,o;let i=0,c=0;if(m[e]){const s=null===(t=l[e])||void 0===t?void 0:t.products;s&&Object.keys(s).forEach((e=>{var t;const o=null===(t=s[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const r=null===(o=m[e])||void 0===o?void 0:o.products;return r&&Object.keys(r).forEach((e=>{var t;const o=null===(t=r[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>c+=1))})),!(i<=0&&c>0)&&(c>0&&i!==c)}return!1};return e("div",{children:[Object.keys(l).length?Object.keys(l).map((e=>t(y,{customCollectionRestriction:i,data:l[e],isDisabled:O&&!(null==m?void 0:m[e]),isChecked:!!(null==m?void 0:m[e]),isPartiallyChecked:D(e),selectedCollectionsDispatch:a,setCollectionId:h,setScreen:p,id:e,hideCollectionCheckbox:k},e))):n?[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):t(u,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),t("div",{ref:j}),E&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},y=c=>{const{customCollectionRestriction:s,data:r,selectedCollectionsDispatch:d,setCollectionId:u,isPartiallyChecked:b,setScreen:y,id:f,isChecked:k,isDisabled:j,hideCollectionCheckbox:x}=c;return e(m,Object.assign({isDisabled:j,onClick:()=>{j||(u(f),y("products"))}},{children:[e(p,{children:[!x&&t(n,{isDisabled:j,isChecked:k,isPartiallyChecked:b,onValueChange:function(e,t,o){null==o||o.stopPropagation(),d(e?{type:"selected",data:{id:f,val:r,isRestricted:s}}:{type:"unselected",data:{id:f}}),u(e?f:"")}}),t(C,{children:e(g,{children:[t(h,{children:v(r.name,40,!0)}),r.isSmartCollection?t(a,{tagText:"Smart Collection",type:"warning"}):t(o,{})]})})]}),t(l,{height:12,width:12,disabled:j,Icon:i})]}))};export{b as CollectionsScreen,v as truncate};
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 c,useState as s,useEffect as r}from"react";import{CheckBox as n}from"../checkBox/CheckBox.js";import{IconButton as l}from"../icon-button/IconButton.js";import{BikShimmer as d}from"../shimmer/ShimmerComponent/BikShimmer.js";import{Tag as a}from"../tag/Tag.js";import{TitleRegular as h}from"../TypographyStyle.js";import{EmptyState as p}from"./emptyState.js";import{CollectionCardStyle as u,CollectionCardInfoStyle as m,CollectionCardDetailStyle as C,CollectionNameHolder as v}from"./style.js";const g=(e,t,o)=>{if(e.length<=t)return e;const i=e.slice(0,t-1);return(o?i.slice(0,i.lastIndexOf(" ")):i)+"..."},b=o=>{const{customCollectionRestriction:i,dataLoading:n,collections:l,selectedCollectionsDispatch:a,setCollectionId:h,selectedCollections:u,setScreen:m,collectionFetcher:C,collectionsDispatch:v,pagingControls:g,storeId:b,setSaveDisabled:f,hideCollectionCheckbox:k,renderWithoutModal:j,pickerType:x}=o,O=c(null),E=c(g.curPage),I=!!i&&(null==u?void 0:u.isCustom),[S,T]=s(!1);r((()=>{E.current=g.curPage}),[g.curPage]),r((()=>{const e=new IntersectionObserver((e=>{e[0].isIntersecting&&E.current>0&&(f(!0),T(!0),C(E.current,b).then((e=>{v({type:"paged",data:(null==e?void 0:e.collections)||{}}),g.setCurPage(E.current+1),T(!1),f(!1)})).catch())}),{threshold:1});return O.current&&e.observe(O.current),()=>{O.current&&e.unobserve(O.current)}}),[O]);const D=e=>{var t,o;let i=0,c=0;if(u[e]){const s=null===(t=l[e])||void 0===t?void 0:t.products;s&&Object.keys(s).forEach((e=>{var t;const o=null===(t=s[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>i+=1))}));const r=null===(o=u[e])||void 0===o?void 0:o.products;return r&&Object.keys(r).forEach((e=>{var t;const o=null===(t=r[e])||void 0===t?void 0:t.variants;o&&Object.keys(o).forEach((e=>c+=1))})),!(i<=0&&c>0)&&(c>0&&i!==c)}return!1};return e("div",{children:[Object.keys(l).length?Object.keys(l).map((e=>t(y,{customCollectionRestriction:i,data:l[e],isDisabled:I&&!(null==u?void 0:u[e]),isChecked:!!(null==u?void 0:u[e]),isPartiallyChecked:D(e),selectedCollectionsDispatch:a,setCollectionId:h,setScreen:m,id:e,hideCollectionCheckbox:k,selectedCollections:u,renderWithoutModal:j,pickerType:x},e))):n?[1,2,3,4,5,6,7,8,9,10].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):t(p,{title:"No collections to show",subtitle:"We couldn’t find any collection."}),t("div",{ref:O}),S&&[1,2,3,4,5].map(((e,o)=>t("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:t(d,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o)))]})},y=c=>{const{customCollectionRestriction:s,data:r,selectedCollectionsDispatch:d,setCollectionId:p,isPartiallyChecked:b,setScreen:y,id:f,isChecked:k,isDisabled:j,hideCollectionCheckbox:x,pickerType:O,selectedCollections:E}=c;return e(u,Object.assign({isDisabled:j,onClick:e=>{if(!j){if("COLLECTION"===O)return e.stopPropagation(),d({type:"reset",data:{}}),d({type:"selected",data:{id:f,val:r,isRestricted:s}}),void p(f);p(f),y("products")}},isActive:!!E[f]},{children:[e(m,{children:[!x&&t(n,{isDisabled:j,isChecked:k,isPartiallyChecked:b,onValueChange:function(e,t,o){null==o||o.stopPropagation(),d(e?{type:"selected",data:{id:f,val:r,isRestricted:s}}:{type:"unselected",data:{id:f}}),p(e?f:"")}}),t(C,{children:e(v,{children:[t(h,{children:g(r.name,40,!0)}),r.isSmartCollection?t(a,{tagText:"Smart Collection",type:"warning"}):t(o,{})]})})]}),"COLLECTION"!==O&&t(l,{height:12,width:12,disabled:j,Icon:i})]}))};export{b as CollectionsScreen,g as truncate};
@@ -56,7 +56,7 @@ export type ProductPickerInterface = {
56
56
  storeId: string;
57
57
  selectedItems: SelectedItems;
58
58
  onAdd: (items: SelectedItems, total: number) => void;
59
- onClose: () => void;
59
+ onClose?: () => void;
60
60
  visible: boolean;
61
61
  zIndex?: number;
62
62
  limit?: number;
@@ -69,6 +69,10 @@ export type ProductPickerInterface = {
69
69
  title?: string;
70
70
  postHeader?: React.ReactNode;
71
71
  width?: string;
72
+ renderWithoutModal?: boolean;
73
+ onClickSave?: number;
74
+ pickerType?: 'COLLECTION' | 'PRODUCT';
75
+ hideProductVariants?: boolean;
72
76
  rearrangeEnabled?: boolean;
73
77
  } & ({
74
78
  startupScreen: ScreenName.RearrangeProducts;
@@ -1 +1 @@
1
- import{jsx as e,Fragment as t,jsxs as o}from"react/jsx-runtime";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as s,useEffect as i}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{Input as d}from"../input/Input.js";import{StyledModal as a}from"../modals/styledModal.js";import{Spinner as u}from"../spinner/Spinner.js";import{Tag as h}from"../tag/Tag.js";import{CollectionsScreen as p}from"./collectionScreen.js";import{ProductsScreen as m}from"./productScreen.js";import{RearrangeScreen as g}from"./rearrangeScreen.js";import{collectionsReducer as C,selectedColectionsReducer as b,CollectionIdContext as v}from"./reducers.js";import{SearchScreen as S}from"./searchScreen.js";import{SelectedScreen as f}from"./selectedScreen.js";import{ContainerStyle as y,ScrollContainerStyle as j}from"./style.js";import{OUT_OF_STOCK_ACTION as P}from"./type.js";var x;!function(e){e.Collections="collections",e.RearrangeProducts="rearrange",e.SelectedProducts="view",e.SearchProducts="searchProducts",e.Products="products"}(x||(x={}));const k=k=>{const{storeId:I,selectedItems:O,onClose:R,visible:T,zIndex:D,limit:F,hideCollectionCheckbox:w,hideProductCheckbox:E,outOfStockAction:A=P.BLUR,hideVariantCheckbox:B,selectProductsFromCustomCollection:L,hideSelectionCount:z,title:G,width:H,startupScreen:V=x.Collections,rearrangeEnabled:$}=k,[K,M]=r(C,{}),[U,Y]=s([x.Collections,x.RearrangeProducts].includes(V)?V:x.Collections),[q,J]=s("grid"),[N,Q]=s(""),[W,X]=s(0),[Z,_]=s(!1),[ee,te]=s(0),[oe,ce]=s(""),[re,se]=s(!1),[ie,ne]=s(!1),[le,de]=s(),[ae,ue]=r(b,Object.keys(O).length>0?O:{});i((()=>{_(!0),ne(!0),k.collectionFetcher(W,I).then((e=>{M({type:"fetched",data:(null==e?void 0:e.collections)||{}}),_(!1),X((e=>e+1)),ne(!1)})).catch()}),[]),i((()=>{let e=0;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}))}))})),te(e)})),i((()=>{var e;N&&!(null===(e=null==K?void 0:K[N])||void 0===e?void 0:e.products)&&(_(!0),k.productFetcher(N,I).then((e=>{Object.keys(e).length&&M({type:"productsFetched",data:{collectionId:N,products:e}}),_(!1)})).catch())}),[N]),i((()=>{const e=setTimeout((()=>{"rearrange"!==U&&(oe.length?(se(!0),k.searchFetcher(I,oe).then((e=>{de(Object.assign({},e)),Y("searchProducts"),_(!1),se(!1)}))):Y("collections"))}),800);return()=>clearTimeout(e)}),[oe]);const he=()=>{ue({type:"reset",data:{}})};return e(a,Object.assign({zIndex:D,open:T,onClose:()=>{R(),he()},headingTitle:G||("collections"===U||"products"===U?"Select Products":"view"===U?"Selected Products":"searchProducts"===U?"Searched Products":"rearrange"===U?"Rearrange Products":void 0),footerShadow:!0,centralContainerStyles:{width:H||"480px"},headerRightCustomElement:"rearrange"===U?(console.log("ignore:",J),e(t,{})):e(t,{}),primaryButton:{buttonText:Z?"Loading...":U===x.RearrangeProducts?"Done":"Add",disabled:Z||ee<1||F&&ee>F||!1,onClick:()=>{k.onAdd(ae,ee),he()}},footerLeftCustomElement:z?e(t,{}):F&&ee>F?e(h,{tagText:`You can only select ${F} products`,type:"negative"}):e(l,ee>0?{onClick:()=>{Y($?x.RearrangeProducts:x.SelectedProducts)},buttonText:`${ee} products selected`,buttonType:["rearrange","view"].includes(U)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(U)}:{disabled:!0,buttonText:`${ee} products selected`,buttonType:"tertiaryGray"})},{children:o(y,{children:[k.postHeader&&e("div",Object.assign({style:{padding:"0 24px"}},{children:k.postHeader})),!k.hideGlobalSearch&&e(t,{children:("collections"===U||"searchProducts"===U)&&e("div",Object.assign({style:{padding:"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:e(d,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>re?e(u,{size:"small",color:n.content.primary}):e(c,{})},id:"listInput",height:"24px",type:"text",value:oe,onChangeText:e=>{e.length&&e.trim().length?ce(e):ce("")}})}))}),o(j,{children:["collections"===U&&e(p,{customCollectionRestriction:k.customCollectionRestriction,dataLoading:ie,collections:K,selectedCollectionsDispatch:ue,setCollectionId:Q,setScreen:Y,selectedCollections:ae,collectionFetcher:k.collectionFetcher,storeId:I,collectionsDispatch:M,setSaveDisabled:_,pagingControls:{curPage:W,setCurPage:X},hideCollectionCheckbox:w}),"products"===U&&N&&e(v.Provider,Object.assign({value:N},{children:e(m,{hideInCollectionSearch:k.hideInCollectionSearch,customCollectionRestriction:k.customCollectionRestriction,productFetcher:k.productFetcher,setScreen:Y,storeId:I,data:K[N],collectionsDispatch:M,selectedCollectionsDispatch:ue,selectedData:ae,setSaveDisabled:_,searchInCollectionFetcher:k.searchInCollectionFetcher,hideProductCheckbox:E,outOfStockAction:A,hideVariantCheckbox:B,selectProductsFromCustomCollection:L})})),"view"===U&&e(f,{selectedCollections:ae||{},selectedCollectionsDispatch:ue,setScreen:Y,collections:K}),"rearrange"===U&&e(g,{selectedCollections:ae||{},selectedCollectionsDispatch:ue,setScreen:Y,outOfStockAction:A,rearrangeViewType:"grid"===q?"list":"grid"}),"searchProducts"===U&&e(S,{customCollectionRestriction:k.customCollectionRestriction,selectedCollections:ae||{},searchedCollections:le||{},selectedCollectionsDispatch:ue,setScreen:Y,collections:K,onBackPress:()=>{ce(""),de({})}})]})]})}))};export{k as ProductPickerModal,x as ScreenName};
1
+ import{jsxs as e,jsx as t,Fragment as o}from"react/jsx-runtime";import c from"../../assets/icons/search.svg.js";import{useReducer as r,useState as i,useEffect as s}from"react";import{COLORS as n}from"../../constants/Theme.js";import{Button as l}from"../button/Button.js";import{Input as d}from"../input/Input.js";import{StyledModal as a}from"../modals/styledModal.js";import{Spinner as h}from"../spinner/Spinner.js";import{Tag as u}from"../tag/Tag.js";import{CollectionsScreen as p}from"./collectionScreen.js";import{ProductsScreen as m}from"./productScreen.js";import{RearrangeScreen as C}from"./rearrangeScreen.js";import{collectionsReducer as g,selectedColectionsReducer as b,CollectionIdContext as v}from"./reducers.js";import{SearchScreen as y}from"./searchScreen.js";import{SelectedScreen as S}from"./selectedScreen.js";import{ContainerStyle as P,ScrollContainerStyle as f}from"./style.js";import{OUT_OF_STOCK_ACTION as j}from"./type.js";var x;!function(e){e.Collections="collections",e.RearrangeProducts="rearrange",e.SelectedProducts="view",e.SearchProducts="searchProducts",e.Products="products"}(x||(x={}));const k=k=>{const{storeId:T,selectedItems:I,onClose:O,visible:R,zIndex:D,limit:F,hideCollectionCheckbox:w,hideProductCheckbox:E,outOfStockAction:V=j.BLUR,hideVariantCheckbox:A,selectProductsFromCustomCollection:B,hideSelectionCount:L,title:M,width:z,renderWithoutModal:G,onClickSave:H,pickerType:W,hideProductVariants:$=!1,startupScreen:K=x.Collections,rearrangeEnabled:U}=k,[Y,q]=r(g,{}),[J,N]=i([x.Collections,x.RearrangeProducts].includes(K)?K:x.Collections),[Q,X]=i("grid"),[Z,_]=i(""),[ee,te]=i(0),[oe,ce]=i(!1),[re,ie]=i(0),[se,ne]=i(""),[le,de]=i(!1),[ae,he]=i(!1),[ue,pe]=i(),[me,Ce]=r(b,Object.keys(I).length>0?I:{});s((()=>{ce(!0),he(!0),k.collectionFetcher(ee,T).then((e=>{q({type:"fetched",data:(null==e?void 0:e.collections)||{}}),ce(!1),te((e=>e+1)),he(!1)})).catch()}),[]),s((()=>{let e=0;Object.keys(me||[]).forEach((t=>{var o;Object.keys((null===(o=me[t])||void 0===o?void 0:o.products)||[]).forEach((o=>{var c,r;Object.keys((null===(r=null===(c=me[t].products)||void 0===c?void 0:c[o])||void 0===r?void 0:r.variants)||[]).forEach((()=>{e+=1}))}))})),ie(e)})),s((()=>{var e;Z&&!(null===(e=null==Y?void 0:Y[Z])||void 0===e?void 0:e.products)&&(ce(!0),k.productFetcher(Z,T).then((e=>{Object.keys(e).length&&q({type:"productsFetched",data:{collectionId:Z,products:e}}),ce(!1)})).catch())}),[Z]),s((()=>{const e=setTimeout((()=>{"rearrange"!==J&&(se.length?(de(!0),k.searchFetcher(T,se).then((e=>{pe(Object.assign({},e)),N("searchProducts"),ce(!1),de(!1)}))):N("collections"))}),800);return()=>clearTimeout(e)}),[se]),s((()=>{H&&(console.log("selectedCollections:: ",me),k.onAdd(me,re),ge())}),[H]);const ge=()=>{Ce({type:"reset",data:{}})},be=e(P,{children:[k.postHeader&&t("div",Object.assign({style:{padding:"0 24px"}},{children:k.postHeader})),!k.hideGlobalSearch&&t(o,{children:("collections"===J||"searchProducts"===J)&&t("div",Object.assign({style:{padding:G?"8px 16px":"12px 24px",borderBottom:"1px solid #E0E0E0"}},{children:t(d,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>le?t(h,{size:"small",color:n.content.primary}):t(c,{})},id:"listInput",height:"24px",type:"text",value:se,onChangeText:e=>{e.length&&e.trim().length?ne(e):ne("")}})}))}),e(f,{children:["collections"===J&&t(p,{customCollectionRestriction:k.customCollectionRestriction,dataLoading:ae,collections:Y,selectedCollectionsDispatch:Ce,setCollectionId:_,setScreen:N,selectedCollections:me,collectionFetcher:k.collectionFetcher,storeId:T,collectionsDispatch:q,setSaveDisabled:ce,pagingControls:{curPage:ee,setCurPage:te},hideCollectionCheckbox:w,renderWithoutModal:G,pickerType:W}),"products"===J&&Z&&t(v.Provider,Object.assign({value:Z},{children:t(m,{hideInCollectionSearch:k.hideInCollectionSearch,customCollectionRestriction:k.customCollectionRestriction,productFetcher:k.productFetcher,setScreen:N,storeId:T,data:Y[Z],collectionsDispatch:q,selectedCollectionsDispatch:Ce,selectedData:me,setSaveDisabled:ce,searchInCollectionFetcher:k.searchInCollectionFetcher,hideProductCheckbox:E,outOfStockAction:V,hideVariantCheckbox:A,selectProductsFromCustomCollection:B,renderWithoutModal:G,pickerType:W,hideProductVariants:$})})),"view"===J&&t(S,{selectedCollections:me||{},selectedCollectionsDispatch:Ce,setScreen:N,collections:Y}),"rearrange"===J&&t(C,{selectedCollections:me||{},selectedCollectionsDispatch:Ce,setScreen:N,outOfStockAction:V,rearrangeViewType:"grid"===Q?"list":"grid"}),"searchProducts"===J&&t(y,{customCollectionRestriction:k.customCollectionRestriction,selectedCollections:me||{},searchedCollections:ue||{},selectedCollectionsDispatch:Ce,setScreen:N,collections:Y,onBackPress:()=>{ne(""),pe({})},pickerType:W,hideProductCheckbox:E,hideProductVariants:$,hideVariantCheckbox:A})]})]});return t(o,{children:G?be:t(a,Object.assign({zIndex:D,open:R,onClose:()=>{null==O||O(),ge()},headingTitle:M||("collections"===J||"products"===J?"Select Products":"view"===J?"Selected Products":"searchProducts"===J?"Searched Products":"rearrange"===J?"Rearrange Products":void 0),footerShadow:!0,centralContainerStyles:{width:z||"480px"},headerRightCustomElement:"rearrange"===J?(console.log("ignore:",X),t(o,{})):t(o,{}),primaryButton:{buttonText:oe?"Loading...":J===x.RearrangeProducts?"Done":"Add",disabled:oe||re<1||F&&re>F||!1,onClick:()=>{k.onAdd(me,re),ge()}},footerLeftCustomElement:L?t(o,{}):F&&re>F?t(u,{tagText:`You can only select ${F} products`,type:"negative"}):t(l,re>0?{onClick:()=>{N(U?x.RearrangeProducts:x.SelectedProducts)},buttonText:`${re} products selected`,buttonType:["rearrange","view"].includes(J)?"tertiaryGray":"tertiary",disabled:["rearrange","view"].includes(J)}:{disabled:!0,buttonText:`${re} products selected`,buttonType:"tertiaryGray"})},{children:be}))})};export{k as ProductPickerModal,x as ScreenName};
@@ -18,6 +18,9 @@ interface ProductsScreenInterface {
18
18
  outOfStockAction?: OUT_OF_STOCK_ACTION;
19
19
  hideVariantCheckbox?: boolean;
20
20
  selectProductsFromCustomCollection?: boolean;
21
+ renderWithoutModal?: boolean;
22
+ pickerType?: 'COLLECTION' | 'PRODUCT';
23
+ hideProductVariants?: boolean;
21
24
  }
22
25
  export declare const ProductsScreen: (props: ProductsScreenInterface) => import("react/jsx-runtime").JSX.Element;
23
26
  interface ProductGroupInterface {
@@ -32,6 +35,8 @@ interface ProductGroupInterface {
32
35
  hideProductCheckbox?: boolean;
33
36
  outOfStockAction?: OUT_OF_STOCK_ACTION;
34
37
  hideVariantCheckbox?: boolean;
38
+ hideProductVariants?: boolean;
39
+ pickerType?: 'COLLECTION' | 'PRODUCT';
35
40
  }
36
41
  export declare const ProductGroup: (props: ProductGroupInterface) => import("react/jsx-runtime").JSX.Element;
37
42
  interface ProductCardInterface {
@@ -48,6 +53,8 @@ interface ProductCardInterface {
48
53
  hideProductCheckbox?: boolean;
49
54
  outOfStockAction?: OUT_OF_STOCK_ACTION;
50
55
  hideVariantCheckbox?: boolean;
56
+ hideProductVariants?: boolean;
57
+ pickerType?: 'COLLECTION' | 'PRODUCT';
51
58
  }
52
59
  export declare const ProductCard: (props: ProductCardInterface) => import("react/jsx-runtime").JSX.Element;
53
60
  export {};
@@ -1 +1 @@
1
- import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import c from"../../assets/icons/box.svg.js";import d from"../../assets/icons/search.svg.js";import{cloneDeep as l}from"lodash";import{useContext as n,useState as r,useEffect as s}from"react";import{Tag as a}from"../tag/Tag.js";import{COLORS as u}from"../../constants/Theme.js";import{CheckBox as h}from"../checkBox/CheckBox.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as v}from"../input/Input.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as f}from"../shimmer-image/ShimmerImage.js";import{Spinner as y}from"../spinner/Spinner.js";import{BodyCaption as g,TitleRegular as b}from"../TypographyStyle.js";import{truncate as j}from"./collectionScreen.js";import{EmptyState as k}from"./emptyState.js";import{ProductHelper as C}from"./helpers/ProductHelper.js";import{CollectionIdContext as I}from"./reducers.js";import{ProductScreenHeader as O,ProductScreenCollectionCardStyle as x,ProductCardStyle as S}from"./style.js";import{OUT_OF_STOCK_ACTION as P}from"./type.js";import{liftTheStateUp as w}from"./utility.js";const D=o=>{const a=n(I),{data:f,collectionsDispatch:j,selectedData:C,selectedCollectionsDispatch:S,productFetcher:D,storeId:V,setScreen:A,setSaveDisabled:T,hideInCollectionSearch:B,customCollectionRestriction:F,hideProductCheckbox:R,outOfStockAction:U=P.BLUR,hideVariantCheckbox:H=!1,selectProductsFromCustomCollection:L=!1}=o,[W,z]=r(""),[K,N]=r(!1),[_,q]=r(f);s((()=>{const t=setTimeout((()=>{W.length?(N(!0),o.searchInCollectionFetcher(V,a,W).then((t=>{var e;const o=l(f);o.products={};for(const i of t)(null===(e=null==f?void 0:f.products)||void 0===e?void 0:e[i])&&(o.products[i]=f.products[i]);q(o),T(!1),N(!1)}))):q(f)}),800);return()=>clearTimeout(t)}),[W]);const G=!!F&&f.isSmartCollection,J=t=>{var e,o,i,c,d,l,n,r;let s=0,u=0;return!!((null===(o=null===(e=null==C?void 0:C[a])||void 0===e?void 0:e.products)||void 0===o?void 0:o[t])&&(null===(d=Object.keys((null===(c=null===(i=null==f?void 0:f.products)||void 0===i?void 0:i[t])||void 0===c?void 0:c.variants)||[]))||void 0===d||d.forEach((()=>u++)),Object.keys((null===(r=null===(n=null===(l=null==C?void 0:C[a])||void 0===l?void 0:l.products)||void 0===n?void 0:n[t])||void 0===r?void 0:r.variants)||[]).forEach((()=>s++)),s>0&&u!==s))};s((()=>{(null==f?void 0:f.products)||M()}),[]);const M=()=>{T(!0),N(!0),D(a,V).then((t=>{Object.keys(t).length&&(j({type:"productsFetched",data:{collectionId:a,products:t}}),q(Object.assign(Object.assign({},_),{products:t}))),T(!1),N(!1)})).catch()},Q=(t,e)=>{const o=w(e,f);S({type:t,data:Object.assign(Object.assign({},o),{isRestricted:F})})};return t("div",{children:[t(O,{children:[e(p,{Icon:i,height:16,onClick:()=>{A("collections")}}),e(g,Object.assign({style:{color:u.content.secondary}},{children:f.name}))]}),!B&&e("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e(v,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>K&&W.length?e(y,{size:"small",color:u.content.primary}):e(d,{})},id:"listInput",height:"24px",type:"text",value:W,onChangeText:t=>{t.length&&t.trim().length?z(t):z("")},placeholder:"Search products in this collection..."})})),t("div",{children:[Object.keys((null==_?void 0:_.products)||[]).length>0&&!G&&!W.length&&!R&&t(x,{children:[e(h,{isChecked:!!(null==C?void 0:C[a]),isPartiallyChecked:(t=>{var e;let o=0,i=0;if(C[t]){const c=null==f?void 0:f.products;c&&Object.keys(c).forEach((t=>{var e;const i=null===(e=c[t])||void 0===e?void 0:e.variants;i&&Object.keys(i).forEach((t=>o+=1))}));const d=null===(e=C[t])||void 0===e?void 0:e.products;return d&&Object.keys(d).forEach((t=>{var e;const o=null===(e=d[t])||void 0===e?void 0:e.variants;o&&Object.keys(o).forEach((()=>i+=1))})),i>0&&o!==i}return!1})(a),onValueChange:function(t){S(t?{type:"selected",data:{id:a,val:f}}:{type:"unselected",data:{id:a}})}}),e("div",Object.assign({style:{width:40,height:40}},{children:e(c,{})})),e(b,{children:"All Products"})]}),Object.keys((null==_?void 0:_.products)||[]).length?Object.keys(_.products||[]).map((t=>e(E,{outOfStockAction:U,collectionId:a,isProductPartiallyChecked:J(t),productId:t,data:_.products[t],selectedData:C,selectedCollectionsDispatch:S,viewOnly:!L&&!!G,upliftAdditions:Q,hideProductCheckbox:R,hideVariantCheckbox:H},t))):K?[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e(m,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):e(k,{title:"No products to show",subtitle:W.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})]})]})},E=o=>{const{collectionId:i,productId:c,data:d,selectedData:l,selectedCollectionsDispatch:n,viewOnly:r,upliftAdditions:s,isProductPartiallyChecked:a,hideProductCheckbox:u,outOfStockAction:h,hideVariantCheckbox:p}=o,v=t=>{var e,o,d,n,r,s;if(!(null===(o=null===(e=null==l?void 0:l[i])||void 0===e?void 0:e.products)||void 0===o?void 0:o[c]))return!1;return!!(null===(s=null===(r=null===(n=null===(d=null==l?void 0:l[i])||void 0===d?void 0:d.products)||void 0===n?void 0:n[c])||void 0===r?void 0:r.variants)||void 0===s?void 0:s[t])};return t("div",{children:[e(V,{isVariant:!1,data:d,productId:c,collectionId:i,isSelected:!!(null===(f=null===(m=null==l?void 0:l[i])||void 0===m?void 0:m.products)||void 0===f?void 0:f[c]),isPartiallyChecked:a,selectedCollectionsDispatch:n,upliftAdditions:s,viewOnly:r,hideProductCheckbox:u,hideVariantCheckbox:p},c),Object.keys(d.variants||[]).map((t=>e(V,{isVariant:!0,hideVariantCheckbox:p,data:d.variants[t],variantId:t,productId:c,viewOnly:r,upliftAdditions:s,collectionId:i,isSelected:v(t),selectedCollectionsDispatch:n,outOfStockAction:h},t)))]});var m,f},V=i=>{const{isVariant:c,data:d,productId:l,collectionId:n,variantId:r,isSelected:s,selectedCollectionsDispatch:u,viewOnly:p,upliftAdditions:v,isPartiallyChecked:m,hideProductCheckbox:y,outOfStockAction:g,hideVariantCheckbox:k}=i,I=C.getProductLabels(d,g);return t(S,Object.assign({isVariant:c},{children:[c&&!p&&!k||!c&&!p&&!y?e(h,{isChecked:s,isPartiallyChecked:m||!1,onValueChange:function(t){c?t?v("variantSelected",{productId:l,variantId:r,collectionId:n,variant:d}):u({type:"variantUnselected",data:{productId:l,variantId:r,collectionId:n}}):t?v("productSelected",{productId:l,collectionId:n,product:d}):u({type:"productUnselected",data:{productId:l,collectionId:n}})}}):e(o,{}),e("div",{children:e(f,{width:40,height:40,imageUrl:d.image,alt:"Item",borderRadius:4})}),t("div",Object.assign({style:{display:"flex",flexDirection:"column"}},{children:[e(b,{children:j(d.name,40,!0)}),I?e("div",Object.assign({style:{width:90,display:"flex"}},{children:e(a,{tagText:I,type:"warning",theme:"light"})})):e(o,{})]}))]}))};export{V as ProductCard,E as ProductGroup,D as ProductsScreen};
1
+ import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import c from"../../assets/icons/box.svg.js";import d from"../../assets/icons/search.svg.js";import{cloneDeep as r}from"lodash";import{useContext as n,useState as l,useEffect as s}from"react";import{Tag as a}from"../tag/Tag.js";import{COLORS as u}from"../../constants/Theme.js";import{CheckBox as h}from"../checkBox/CheckBox.js";import{IconButton as p}from"../icon-button/IconButton.js";import{Input as v}from"../input/Input.js";import{BikShimmer as m}from"../shimmer/ShimmerComponent/BikShimmer.js";import{ShimmerImage as y}from"../shimmer-image/ShimmerImage.js";import{Spinner as f}from"../spinner/Spinner.js";import{BodyCaption as g,TitleRegular as k}from"../TypographyStyle.js";import{truncate as b}from"./collectionScreen.js";import{EmptyState as j}from"./emptyState.js";import{ProductHelper as C}from"./helpers/ProductHelper.js";import{CollectionIdContext as I}from"./reducers.js";import{ProductScreenHeader as O,ProductScreenCollectionCardStyle as x,ProductCardStyle as P}from"./style.js";import{OUT_OF_STOCK_ACTION as S}from"./type.js";import{liftTheStateUp as V}from"./utility.js";const w=o=>{const a=n(I),{data:y,collectionsDispatch:b,selectedData:C,selectedCollectionsDispatch:P,productFetcher:w,storeId:T,setScreen:E,setSaveDisabled:A,hideInCollectionSearch:B,customCollectionRestriction:R,hideProductCheckbox:U,outOfStockAction:F=S.BLUR,hideVariantCheckbox:H=!1,selectProductsFromCustomCollection:L=!1,pickerType:W,hideProductVariants:z}=o,[K,N]=l(""),[_,q]=l(!1),[G,J]=l(y);s((()=>{const t=setTimeout((()=>{K.length?(q(!0),o.searchInCollectionFetcher(T,a,K).then((t=>{var e;const o=r(y);o.products={};for(const i of t)(null===(e=null==y?void 0:y.products)||void 0===e?void 0:e[i])&&(o.products[i]=y.products[i]);J(o),A(!1),q(!1)}))):J(y)}),800);return()=>clearTimeout(t)}),[K]);const M=!!R&&y.isSmartCollection,Q=t=>{var e,o,i,c,d,r,n,l;let s=0,u=0;return!!((null===(o=null===(e=null==C?void 0:C[a])||void 0===e?void 0:e.products)||void 0===o?void 0:o[t])&&(null===(d=Object.keys((null===(c=null===(i=null==y?void 0:y.products)||void 0===i?void 0:i[t])||void 0===c?void 0:c.variants)||[]))||void 0===d||d.forEach((()=>u++)),Object.keys((null===(l=null===(n=null===(r=null==C?void 0:C[a])||void 0===r?void 0:r.products)||void 0===n?void 0:n[t])||void 0===l?void 0:l.variants)||[]).forEach((()=>s++)),s>0&&u!==s))};s((()=>{(null==y?void 0:y.products)||X()}),[]);const X=()=>{A(!0),q(!0),w(a,T).then((t=>{Object.keys(t).length&&(b({type:"productsFetched",data:{collectionId:a,products:t}}),J(Object.assign(Object.assign({},G),{products:t}))),A(!1),q(!1)})).catch()},Y=(t,e)=>{const o=V(e,y);P({type:t,data:Object.assign(Object.assign({},o),{isRestricted:R})})};return t("div",{children:[t(O,{children:[e(p,{Icon:i,height:16,onClick:()=>{E("collections")}}),e(g,Object.assign({style:{color:u.content.secondary}},{children:y.name}))]}),!B&&e("div",Object.assign({style:{padding:16,height:"76px",borderBottom:"1px solid #E0E0E0"}},{children:e(v,{noKeyDownChange:!0,noErrorHint:!0,rightIcon:{icon:()=>_&&K.length?e(f,{size:"small",color:u.content.primary}):e(d,{})},id:"listInput",height:"24px",type:"text",value:K,onChangeText:t=>{t.length&&t.trim().length?N(t):N("")},placeholder:"Search products in this collection..."})})),t("div",{children:[Object.keys((null==G?void 0:G.products)||[]).length>0&&!M&&!K.length&&!U&&t(x,{children:[e(h,{isChecked:!!(null==C?void 0:C[a]),isPartiallyChecked:(t=>{var e;let o=0,i=0;if(C[t]){const c=null==y?void 0:y.products;c&&Object.keys(c).forEach((t=>{var e;const i=null===(e=c[t])||void 0===e?void 0:e.variants;i&&Object.keys(i).forEach((t=>o+=1))}));const d=null===(e=C[t])||void 0===e?void 0:e.products;return d&&Object.keys(d).forEach((t=>{var e;const o=null===(e=d[t])||void 0===e?void 0:e.variants;o&&Object.keys(o).forEach((()=>i+=1))})),i>0&&o!==i}return!1})(a),onValueChange:function(t){P(t?{type:"selected",data:{id:a,val:y}}:{type:"unselected",data:{id:a}})}}),e("div",Object.assign({style:{width:40,height:40}},{children:e(c,{})})),e(k,{children:"All Products"})]}),Object.keys((null==G?void 0:G.products)||[]).length?Object.keys(G.products||[]).map((t=>e(D,{outOfStockAction:F,collectionId:a,isProductPartiallyChecked:Q(t),productId:t,data:G.products[t],selectedData:C,selectedCollectionsDispatch:P,viewOnly:!L&&!!M,upliftAdditions:Y,hideProductCheckbox:U,hideVariantCheckbox:H,hideProductVariants:z,pickerType:W},t))):_?[1,2,3,4,5,6,7,8,9,10].map(((t,o)=>e("div",Object.assign({style:{borderBottom:"1px solid #E0E0E0"}},{children:e(m,{boxes:[{height:"64px",width:"100%",marginTop:"0px"}]})}),o))):e(j,{title:"No products to show",subtitle:K.length?"We couldn't find the product you were looking for":"We couldn’t find any product in this collection."})]})]})},D=o=>{const{collectionId:i,productId:c,data:d,selectedData:r,selectedCollectionsDispatch:n,viewOnly:l,upliftAdditions:s,isProductPartiallyChecked:a,hideProductCheckbox:u,outOfStockAction:h,hideVariantCheckbox:p,hideProductVariants:v,pickerType:m}=o,y=t=>{var e,o,d,n,l,s;if(!(null===(o=null===(e=null==r?void 0:r[i])||void 0===e?void 0:e.products)||void 0===o?void 0:o[c]))return!1;return!!(null===(s=null===(l=null===(n=null===(d=null==r?void 0:r[i])||void 0===d?void 0:d.products)||void 0===n?void 0:n[c])||void 0===l?void 0:l.variants)||void 0===s?void 0:s[t])};return t("div",{children:[e(T,{isVariant:!1,data:d,productId:c,collectionId:i,isSelected:!!(null===(g=null===(f=null==r?void 0:r[i])||void 0===f?void 0:f.products)||void 0===g?void 0:g[c]),isPartiallyChecked:a,selectedCollectionsDispatch:n,upliftAdditions:s,viewOnly:l,hideProductCheckbox:u,hideVariantCheckbox:p,hideProductVariants:v,pickerType:m},c),v?null:Object.keys(d.variants||[]).map((t=>e(T,{isVariant:!0,hideVariantCheckbox:p,data:d.variants[t],variantId:t,productId:c,viewOnly:l,upliftAdditions:s,collectionId:i,isSelected:y(t),selectedCollectionsDispatch:n,outOfStockAction:h},t)))]});var f,g},T=i=>{const{isVariant:c,data:d,productId:r,collectionId:n,variantId:l,isSelected:s,selectedCollectionsDispatch:u,viewOnly:p,upliftAdditions:v,isPartiallyChecked:m,hideProductCheckbox:f,outOfStockAction:g,hideVariantCheckbox:j,hideProductVariants:I,pickerType:O}=i,x=C.getProductLabels(d,g);return t(P,Object.assign({isVariant:c,onClick:t=>{"PRODUCT"===O&&I&&(t.stopPropagation(),u({type:"reset",data:{}}),v("variantSelected",{productId:r,variantId:l||Object.keys(d.variants)[0],collectionId:n,variant:d}))},isActive:s},{children:[c&&!p&&!j||!c&&!p&&!f?e(h,{isChecked:s,isPartiallyChecked:m||!1,onValueChange:function(t){c?t?v("variantSelected",{productId:r,variantId:l,collectionId:n,variant:d}):u({type:"variantUnselected",data:{productId:r,variantId:l,collectionId:n}}):t?v("productSelected",{productId:r,collectionId:n,product:d}):u({type:"productUnselected",data:{productId:r,collectionId:n}})}}):e(o,{}),e("div",{children:e(y,{width:40,height:40,imageUrl:d.image,alt:"Item",borderRadius:4})}),t("div",Object.assign({style:{display:"flex",flexDirection:"column"}},{children:[e(k,{children:b(d.name,40,!0)}),x?e("div",Object.assign({style:{width:90,display:"flex"}},{children:e(a,{tagText:x,type:"warning",theme:"light"})})):e(o,{})]}))]}))};export{T as ProductCard,D as ProductGroup,w as ProductsScreen};
@@ -11,6 +11,10 @@ interface SearchScreenInterface {
11
11
  [key: string]: Collection;
12
12
  };
13
13
  onBackPress: () => void;
14
+ hideVariantCheckbox?: boolean;
15
+ pickerType?: 'COLLECTION' | 'PRODUCT';
16
+ hideProductVariants?: boolean;
17
+ hideProductCheckbox?: boolean;
14
18
  }
15
19
  export declare const SearchScreen: (props: SearchScreenInterface) => import("react/jsx-runtime").JSX.Element;
16
20
  export {};
@@ -1 +1 @@
1
- import{jsxs as o,jsx as t,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{IconButton as l}from"../icon-button/IconButton.js";import{BodyCaption as r}from"../TypographyStyle.js";import{EmptyState as s}from"./emptyState.js";import{ProductGroup as c}from"./productScreen.js";import{SelectedScreenHeader as d}from"./style.js";import{liftTheStateUp as n}from"./utility.js";const u=u=>{const{customCollectionRestriction:v,selectedCollections:a,searchedCollections:p,selectedCollectionsDispatch:m,setScreen:h,collections:f,onBackPress:j}=u,y=(o,t)=>{var e,i,l,r,s,c,d,n,u;let v=0,p=0;return!!((null===(i=null===(e=null==a?void 0:a[o])||void 0===e?void 0:e.products)||void 0===i?void 0:i[t])&&(null===(c=Object.keys((null===(s=null===(r=null===(l=null==f?void 0:f[o])||void 0===l?void 0:l.products)||void 0===r?void 0:r[t])||void 0===s?void 0:s.variants)||[]))||void 0===c||c.forEach((()=>p++)),Object.keys((null===(u=null===(n=null===(d=null==a?void 0:a[o])||void 0===d?void 0:d.products)||void 0===n?void 0:n[t])||void 0===u?void 0:u.variants)||[]).forEach((()=>v++)),v>0&&p!==v))};return o("div",{children:[o(d,{children:[t(l,{Icon:i,onClick:()=>{h("collections"),j()}}),t(r,{children:"Searched Products"})]}),t("div",{children:Object.keys(p).length?t(e,{children:Object.keys(p).map((o=>{var e;return Object.keys((null===(e=null==p?void 0:p[o])||void 0===e?void 0:e.products)||[]).map((e=>{let i=!1;return(null==p?void 0:p.isCustom)&&(i=!0),t(c,{collectionId:o,upliftAdditions:(t,e)=>((o,t,e)=>{const i=n(e,p[o]);m({type:t,data:Object.assign(Object.assign({},i),{isRestricted:v})})})(o,t,e),productId:e,data:p[o].products[e],isProductPartiallyChecked:y(o,e),selectedData:a,selectedCollectionsDispatch:m,viewOnly:i},e)}))}))}):t(s,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};export{u as SearchScreen};
1
+ import{jsxs as o,jsx as t,Fragment as e}from"react/jsx-runtime";import i from"../../assets/icons/arrow_left.svg.js";import{IconButton as r}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as c}from"./emptyState.js";import{ProductGroup as d}from"./productScreen.js";import{SelectedScreenHeader as s}from"./style.js";import{liftTheStateUp as n}from"./utility.js";const u=u=>{const{customCollectionRestriction:a,selectedCollections:v,searchedCollections:p,selectedCollectionsDispatch:h,setScreen:m,collections:y,onBackPress:f,hideVariantCheckbox:j,pickerType:k,hideProductVariants:b,hideProductCheckbox:C}=u,O=(o,t)=>{var e,i,r,l,c,d,s,n,u;let a=0,p=0;return!!((null===(i=null===(e=null==v?void 0:v[o])||void 0===e?void 0:e.products)||void 0===i?void 0:i[t])&&(null===(d=Object.keys((null===(c=null===(l=null===(r=null==y?void 0:y[o])||void 0===r?void 0:r.products)||void 0===l?void 0:l[t])||void 0===c?void 0:c.variants)||[]))||void 0===d||d.forEach((()=>p++)),Object.keys((null===(u=null===(n=null===(s=null==v?void 0:v[o])||void 0===s?void 0:s.products)||void 0===n?void 0:n[t])||void 0===u?void 0:u.variants)||[]).forEach((()=>a++)),a>0&&p!==a))};return o("div",{children:[o(s,{children:[t(r,{Icon:i,onClick:()=>{m("collections"),f()}}),t(l,{children:"Searched Products"})]}),t("div",{children:Object.keys(p).length?t(e,{children:Object.keys(p).map((o=>{var e;return Object.keys((null===(e=null==p?void 0:p[o])||void 0===e?void 0:e.products)||[]).map((e=>{let i=!1;return(null==p?void 0:p.isCustom)&&(i=!0),t(d,{collectionId:o,upliftAdditions:(t,e)=>((o,t,e)=>{const i=n(e,p[o]);h({type:t,data:Object.assign(Object.assign({},i),{isRestricted:a})})})(o,t,e),productId:e,data:p[o].products[e],isProductPartiallyChecked:O(o,e),selectedData:v,selectedCollectionsDispatch:h,viewOnly:i,hideProductCheckbox:C,hideVariantCheckbox:j,hideProductVariants:b,pickerType:k},e)}))}))}):t(c,{title:"No search results found",subtitle:"We couldn’t find the product you were looking for."})})]})};export{u as SearchScreen};
@@ -2,6 +2,7 @@ export declare const ContainerStyle: import("styled-components").StyledComponent
2
2
  export declare const ScrollContainerStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
3
3
  export declare const CollectionCardStyle: import("styled-components").StyledComponent<"div", any, {
4
4
  isDisabled: boolean;
5
+ isActive: boolean;
5
6
  }, never>;
6
7
  export declare const CollectionCardInfoStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
7
8
  export declare const CollectionCardDetailStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -9,6 +10,7 @@ export declare const ProductScreenHeader: import("styled-components").StyledComp
9
10
  export declare const ProductScreenCollectionCardStyle: import("styled-components").StyledComponent<"div", any, {}, never>;
10
11
  export declare const ProductCardStyle: import("styled-components").StyledComponent<"div", any, {
11
12
  isVariant: boolean;
13
+ isActive: boolean;
12
14
  }, never>;
13
15
  export declare const SelectedScreenHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
14
16
  export declare const CollectionNameHolder: import("styled-components").StyledComponent<"div", any, {}, never>;
@@ -9,7 +9,7 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
9
9
  overflow-x: hidden;
10
10
  `,o=e.div`
11
11
  height: 64px;
12
- background-color: ${e=>e.isDisabled?"#F0F0F0":"white"};
12
+ background-color: ${e=>e.isDisabled?"#F0F0F0":e.isActive?i.background.positive.light:"white"};
13
13
  border-bottom: 1px solid #e0e0e0;
14
14
  padding: 12px 24px;
15
15
  display: flex;
@@ -37,16 +37,16 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
37
37
  align-items: center;
38
38
  padding: 8px 16px;
39
39
  margin-top: 16px;
40
- `,x=e.div`
40
+ `,r=e.div`
41
41
  display: flex;
42
42
  flex-direction: row;
43
43
  column-gap: 16px;
44
44
  padding: 12px 16px;
45
45
  border-bottom: 1px solid #e0e0e0;
46
46
  align-items: center;
47
- `,r=e.div`
47
+ `,x=e.div`
48
48
  height: 64px;
49
- background-color: white;
49
+ background-color: ${e=>e.isActive?i.background.positive.light:"white"};
50
50
  border-bottom: 1px solid #e0e0e0;
51
51
  padding: 12px 16px;
52
52
  display: flex;
@@ -99,4 +99,4 @@ import e from"styled-components";import{COLORS as i}from"../../constants/Theme.j
99
99
  align-items: center;
100
100
  border: 1px solid ${i.stroke.primary};
101
101
  border-radius: 4px;
102
- `;export{l as CollectionCardDetailStyle,d as CollectionCardInfoStyle,o as CollectionCardStyle,c as CollectionNameHolder,t as ContainerStyle,r as ProductCardStyle,x as ProductScreenCollectionCardStyle,p as ProductScreenHeader,n as ScrollContainerStyle,a as SelectedScreenHeader,g as VariantCardGridStyle,s as VariantCardListStyle};
102
+ `;export{l as CollectionCardDetailStyle,d as CollectionCardInfoStyle,o as CollectionCardStyle,c as CollectionNameHolder,t as ContainerStyle,x as ProductCardStyle,r as ProductScreenCollectionCardStyle,p as ProductScreenHeader,n as ScrollContainerStyle,a as SelectedScreenHeader,g as VariantCardGridStyle,s as VariantCardListStyle};