npm - @bikdotai/bik-component-library - Versions diffs - 0.0.685 → 0.0.687-beta.1 - Mend

@bikdotai/bik-component-library 0.0.685 → 0.0.687-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 (2288) hide show

package/dist/esm/components/tabs/Tabs.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as a,useCallback as n}from"react";import{DEFAULT_THEME as l}from"../../constants/Theme.js";import{Tag as o}from"../tag/Tag.js";import{TabHeader as s,EmptyTab as i,RightComponent as c,TabItem as d,TrailingNumberContainer as m,TabItemText as b}from"./Tabs.styles.js";const u=n=>{var o,d;const{tabs:m,initialTab:b,onTabSelected:u,TabItemStyledProps:g,selectedTab:T,extendedBorder:x,rightComponent:y,size:C="default",isSquared:h=!1,containerStyles:S}=n,[v,j]=r(b\|\|m[0].key),{colorsV2:f}=l;a((()=>{T&&T!==v~~&&j~~(T)}),[T,v]);const k=n.backgroundColor,q=null~~!==~~(o=n.selectedTextColor)~~&&void 0!==o~~?o:f.background.brand,I=null~~!==~~(d=n.textColor)~~&&void 0!==d~~?d:f.content.secondary;return e(s,~~Object.assign(~~{style:null!=S?S:{},bgColor:k,"data-test":n["data-test"]},{children:[m.map(((e,r)=>t(p,{hasEqualSpacing:n.hasEqualSpacing,selectedTextColor:q,textColor:I,tab:e,currentTab:v,TabItemStyledProps:g,IconComponent:e.icon,size:C,setCurrentTab:e=>{j(e),u&&u(e)},isSquared:h,isFirstlement:0==r,isLastElement:r==m.length-1},e.key))),x&&t(i,{}),t(c,{children:y})]}))},p=r=>{var a,s;const{tab:i,currentTab:c,setCurrentTab:u,TabItemStyledProps:p,IconComponent:g,size:T="default",isSquared:x=!1,isFirstlement:y,isLastElement:C}=r,h=i.key===c,{colorsV2:S}=l,v=n((()=>~~Object~~.~~assign~~(~~Object~~.~~assign~~({},p),{borderRadius:r.isSquared?y?"4px 0px 0px 4px":C?"0px 4px 4px 0px":"":""})),[]);return e(d,~~Object.assign(~~{style:v(),selected:h,hasEqualSpacing:r.hasEqualSpacing,onClick:()=>u(r.tab.key),selectedTextColor:r.selectedTextColor,isSquared:x,"data-test":r["data-test"]},{children:[g&&t(g,{selected:h?S.background.brand:S.content.secondary}),void 0!==i.leadingNumber&&null!==i.leadingNumber&&t(m,~~Object.assign(~~{selected:h},{children:t(o,{tagText:null~~!==~~(a=null==i?void 0:i.leadingNumber)~~&&void 0!==a~~?a:0,theme:"dark",type:i.numberTagType,variant:"circle",color:S.content.primaryInverse})})),t(b,~~Object.assign(~~{style:"small"===T?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:r.textColor,selectedTextColor:r.selectedTextColor,selected:h},{children:i.title})),void 0!==i.trailingNumber&&null!==i.trailingNumber&&t(m,~~Object.assign(~~{selected:h},{children:t(o,{tagText:null~~!==~~(s=null==i?void 0:i.trailingNumber)~~&&void 0!==s~~?s:0,theme:"dark",type:i.numberTagType,variant:"circle",color:S.content.primaryInverse})}))]}))};u.displayName="Tabs",p.displayName="TabItemComponent";export{p as TabItemComponent,u as Tabs};
1	+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useEffect as o,useCallback as a}from"react";import{DEFAULT_THEME as l}from"../../constants/Theme.js";import{Tag as n}from"../tag/Tag.js";import{TabHeader as s,EmptyTab as i,RightComponent as c,TabItem as d,TrailingNumberContainer as p,TabItemText as u}from"./Tabs.styles.js";var m=Object.defineProperty,b=Object.defineProperties,y=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,g=Object.prototype.hasOwnProperty,x=Object.prototype.propertyIsEnumerable,C=(e,t,r)=>t in e?m(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r;const f=a=>{var n,d;const{tabs:p,initialTab:u,onTabSelected:m,TabItemStyledProps:b,selectedTab:y,extendedBorder:T,rightComponent:g,size:x="default",isSquared:C=!1,containerStyles:f}=a,[S,v]=r(u\|\|p[0].key),{colorsV2:j}=l;o((()=>{y&&y!==S&&v(y)}),[y,S]);const k=a.backgroundColor,q=null!=(n=a.selectedTextColor)?n:j.background.brand,I=null!=(d=a.textColor)?d:j.content.secondary;return e(s,{style:null!=f?f:{},bgColor:k,"data-test":a["data-test"],children:[p.map(((e,r)=>t(h,{hasEqualSpacing:a.hasEqualSpacing,selectedTextColor:q,textColor:I,tab:e,currentTab:S,TabItemStyledProps:b,IconComponent:e.icon,size:x,setCurrentTab:e=>{v(e),m&&m(e)},isSquared:C,isFirstlement:0==r,isLastElement:r==p.length-1},e.key))),T&&t(i,{}),t(c,{children:g})]})},h=r=>{var o,s;const{tab:i,currentTab:c,setCurrentTab:m,TabItemStyledProps:f,IconComponent:h,size:S="default",isSquared:v=!1,isFirstlement:j,isLastElement:k}=r,q=i.key===c,{colorsV2:I}=l,O=a((()=>{return e=((e,t)=>{for(var r in t\|\|(t={}))g.call(t,r)&&C(e,r,t[r]);if(T)for(var r of T(t))x.call(t,r)&&C(e,r,t[r]);return e})({},f),t={borderRadius:r.isSquared?j?"4px 0px 0px 4px":k?"0px 4px 4px 0px":"":""},b(e,y(t));var e,t}),[]);return e(d,{style:O(),selected:q,hasEqualSpacing:r.hasEqualSpacing,onClick:()=>m(r.tab.key),selectedTextColor:r.selectedTextColor,isSquared:v,"data-test":r["data-test"],children:[h&&t(h,{selected:q?I.background.brand:I.content.secondary}),void 0!==i.leadingNumber&&null!==i.leadingNumber&&t(p,{selected:q,children:t(n,{tagText:null!=(o=null==i?void 0:i.leadingNumber)?o:0,theme:"dark",type:i.numberTagType,variant:"circle",color:I.content.primaryInverse})}),t(u,{style:"small"===S?{fontSize:14,fontStyle:"normal",fontWeight:600}:void 0,textColor:r.textColor,selectedTextColor:r.selectedTextColor,selected:q,children:i.title}),void 0!==i.trailingNumber&&null!==i.trailingNumber&&t(p,{selected:q,children:t(n,{tagText:null!=(s=null==i?void 0:i.trailingNumber)?s:0,theme:"dark",type:i.numberTagType,variant:"circle",color:I.content.primaryInverse})})]})};f.displayName="Tabs",h.displayName="TabItemComponent";export{h as TabItemComponent,f as Tabs};

package/dist/esm/components/tabs/Tabs.styles.js CHANGED Viewed

	@@ -1 +1 @@
1	- import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";import{ButtonLarge as I}from"../TypographyStyle.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a5"}:{target:"e1yo8x5a5",label:"TabHeader"})("display:flex;flex-direction:row;background-color:",(c=>c.bgColor),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHb0MiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICc4cHggMjRweCcgOiAnMTRweCAyNHB4IDEycHggMjRweCcpfTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyAnJyA6IHByb3BzLnNlbGVjdGVkID8gJzEycHgnIDogJzEzcHgnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gJydcclxuICAgIDogcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICAgICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcycHgnIDogJzFweCd9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICcnIDogJ3NvbGlkJyl9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gXHJcbiAgICAgICAgOiBgMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfWBcclxuICAgIDogJyd9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnMTIwcHgnIDogJycpfTtcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjAzKTtcblx0fVxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH1gXHJcbiAgICAgICAgOiAnJ1xyXG4gICAgOiAnJ307XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbXB0eVRhYiA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG5leHBvcnQgY29uc3QgUmlnaHRDb21wb25lbnQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== /")),g=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a4"}:{target:"e1yo8x5a4",label:"TabItem"})("display:flex;flex-direction:row;column-gap:8px;padding:",(c=>c.isSquared?"8px 24px":"14px 24px 12px 24px"),";padding-bottom:",(c=>c.isSquared?"":c.selected?"12px":"13px"),";align-items:center;justify-content:center;width:",(c=>c.hasEqualSpacing?"50%":"auto"),";border-bottom-color:",(c=>c.isSquared?"":c.selected?c.selectedTextColor:b.colorsV2.background.inactive),";border-bottom-width:",(c=>c.isSquared?"":c.selected?"2px":"1px"),";border-bottom-style:",(c=>c.isSquared?"":"solid"),";border:",(c=>c.isSquared?c.selected?`1px solid ${c.selectedTextColor}`:`1px solid ${b.colorsV2.background.inactive}`:""),";flex-direction:row;cursor:pointer;min-width:",(c=>c.isSquared?"120px":""),";&:hover{background-color:rgba(0, 0, 0, 0.03);}background-color:",(c=>c.isSquared&&c.selected?`${b.colorsV2.background.brandLight}`:""),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRa0MiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICc4cHggMjRweCcgOiAnMTRweCAyNHB4IDEycHggMjRweCcpfTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyAnJyA6IHByb3BzLnNlbGVjdGVkID8gJzEycHgnIDogJzEzcHgnfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gJydcclxuICAgIDogcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICAgICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcycHgnIDogJzFweCd9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3F1YXJlZCA/ICcnIDogJ3NvbGlkJyl9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWRcclxuICAgID8gcHJvcHMuc2VsZWN0ZWRcclxuICAgICAgICA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gXHJcbiAgICAgICAgOiBgMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfWBcclxuICAgIDogJyd9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnMTIwcHgnIDogJycpfTtcblx0Jjpob3ZlciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogcmdiYSgwLCAwLCAwLCAwLjAzKTtcblx0fVxuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodH1gXHJcbiAgICAgICAgOiAnJ1xyXG4gICAgOiAnJ307XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbXB0eVRhYiA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG5leHBvcnQgY29uc3QgUmlnaHRDb21wb25lbnQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== /")),l=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a3"}:{target:"e1yo8x5a3",label:"TrailingNumberContainer"})("display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;min-width:20px;height:20px;background:",(c=>c.selected?b.colorsV2.background.inverseLight:b.colorsV2.content.secondary),";color:",b.colorsV2.content.primaryInverse,";border-radius:10px;"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5Q2tEIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= /")),y=c(I,"production"===process.env.NODE_ENV?{target:"e1yo8x5a2"}:{target:"e1yo8x5a2",label:"TabItemText"})("color:",(c=>c.selected?c.selectedTextColor:c.textColor),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RCtDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= /")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a1"}:{target:"e1yo8x5a1",label:"EmptyTab"})("flex-grow:1;border-bottom:1px solid ",b.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRG1DIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= /")),X=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a0"}:{target:"e1yo8x5a0",label:"RightComponent"})("display:flex;align-items:center;border-bottom:1px solid ",b.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4RHlDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnOHB4IDI0cHgnIDogJzE0cHggMjRweCAxMnB4IDI0cHgnKX07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gJycgOiBwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4J307XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IChwcm9wcy5oYXNFcXVhbFNwYWNpbmcgPyAnNTAlJyA6ICdhdXRvJyl9O1xuXHRib3JkZXItYm90dG9tLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/ICcnXHJcbiAgICA6IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/ICcnIDogcHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnfTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IChwcm9wcy5pc1NxdWFyZWQgPyAnJyA6ICdzb2xpZCcpfTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkXHJcbiAgICAgICAgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YFxyXG4gICAgICAgIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gXHJcbiAgICA6ICcnfTtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHRtaW4td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaXNTcXVhcmVkID8gJzEyMHB4JyA6ICcnKX07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFxyXG4gICAgICAgID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YFxyXG4gICAgICAgIDogJydcclxuICAgIDogJyd9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogNnB4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0bWluLXdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= /"));export{Z as EmptyTab,X as RightComponent,G as TabHeader,g as TabItem,y as TabItemText,l as TrailingNumberContainer};
1	+ import c from"@emotion/styled/base";import{DEFAULT_THEME as b}from"../../constants/Theme.js";import{ButtonLarge as I}from"../TypographyStyle.js";const G=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a5"}:{target:"e1yo8x5a5",label:"TabHeader"})("display:flex;flex-direction:row;background-color:",(c=>c.bgColor),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJbUMiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IEJ1dHRvbkxhcmdlIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xuZXhwb3J0IGNvbnN0IFRhYkhlYWRlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgVGFiSXRlbSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiOHB4IDI0cHhcIiA6IFwiMTRweCAyNHB4IDEycHggMjRweFwifTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjEycHhcIiA6IFwiMTNweFwifTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gXCI1MCVcIiA6IFwiYXV0b1wifTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IFwiMnB4XCIgOiBcIjFweFwifTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBcInNvbGlkXCJ9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gIDogXCJcIn07XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0bWluLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCIxMjBweFwiIDogXCJcIn07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IHByb3BzLnNlbGVjdGVkID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YCA6IFwiXCIgOiBcIlwifTtcbmA7XG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1pbi13aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0IDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKWBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XG4iXX0= /")),R=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a4"}:{target:"e1yo8x5a4",label:"TabItem"})("display:flex;flex-direction:row;column-gap:8px;padding:",(c=>c.isSquared?"8px 24px":"14px 24px 12px 24px"),";padding-bottom:",(c=>c.isSquared?"":c.selected?"12px":"13px"),";align-items:center;justify-content:center;width:",(c=>c.hasEqualSpacing?"50%":"auto"),";border-bottom-color:",(c=>c.isSquared?"":c.selected?c.selectedTextColor:b.colorsV2.background.inactive),";border-bottom-width:",(c=>c.isSquared?"":c.selected?"2px":"1px"),";border-bottom-style:",(c=>c.isSquared?"":"solid"),";border:",(c=>c.isSquared?c.selected?`1px solid ${c.selectedTextColor}`:`1px solid ${b.colorsV2.background.inactive}`:""),";flex-direction:row;cursor:pointer;min-width:",(c=>c.isSquared?"120px":""),";&:hover{background-color:rgba(0, 0, 0, 0.03);}background-color:",(c=>c.isSquared&&c.selected?`${b.colorsV2.background.brandLight}`:""),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUMiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiXCJ1c2Ugc3RyaWN0XCI7XG5pbXBvcnQgc3R5bGVkIGZyb20gXCJAZW1vdGlvbi9zdHlsZWRcIjtcbmltcG9ydCB7IERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiQHNyYy9jb25zdGFudHMvVGhlbWVcIjtcbmltcG9ydCB7IEJ1dHRvbkxhcmdlIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xuZXhwb3J0IGNvbnN0IFRhYkhlYWRlciA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgVGFiSXRlbSA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiOHB4IDI0cHhcIiA6IFwiMTRweCAyNHB4IDEycHggMjRweFwifTtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjEycHhcIiA6IFwiMTNweFwifTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gXCI1MCVcIiA6IFwiYXV0b1wifTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcblx0Ym9yZGVyLWJvdHRvbS13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBwcm9wcy5zZWxlY3RlZCA/IFwiMnB4XCIgOiBcIjFweFwifTtcblx0Ym9yZGVyLWJvdHRvbS1zdHlsZTogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiXCIgOiBcInNvbGlkXCJ9O1xuXHRib3JkZXI6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAxcHggc29saWQgJHtwcm9wcy5zZWxlY3RlZFRleHRDb2xvcn1gIDogYDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX1gIDogXCJcIn07XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0bWluLXdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCIxMjBweFwiIDogXCJcIn07XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IHByb3BzLnNlbGVjdGVkID8gYCR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmJyYW5kTGlnaHR9YCA6IFwiXCIgOiBcIlwifTtcbmA7XG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdG1pbi13aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0IDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKWBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2YFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XG4iXX0= /")),Z=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a3"}:{target:"e1yo8x5a3",label:"TrailingNumberContainer"})("display:flex;flex-direction:row;align-items:center;gap:6px;justify-content:center;min-width:20px;height:20px;background:",(c=>c.selected?b.colorsV2.background.inverseLight:b.colorsV2.content.secondary),";color:",b.colorsV2.content.primaryInverse,";border-radius:10px;"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QmlEIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 /")),l=c(I,"production"===process.env.NODE_ENV?{target:"e1yo8x5a2"}:{target:"e1yo8x5a2",label:"TabItemText"})("color:",(c=>c.selected?c.selectedTextColor:c.textColor),";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzhDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 /")),d=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a1"}:{target:"e1yo8x5a1",label:"EmptyTab"})("flex-grow:1;border-bottom:1px solid ",b.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2Q2tDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 /")),X=c("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a0"}:{target:"e1yo8x5a0",label:"RightComponent"})("display:flex;align-items:center;border-bottom:1px solid ",b.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFpRHdDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIkBzcmMvY29uc3RhbnRzL1RoZW1lXCI7XG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuYmdDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2YFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjb2x1bW4tZ2FwOiA4cHg7XG5cdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIjhweCAyNHB4XCIgOiBcIjE0cHggMjRweCAxMnB4IDI0cHhcIn07XG5cdHBhZGRpbmctYm90dG9tOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gXCJcIiA6IHByb3BzLnNlbGVjdGVkID8gXCIxMnB4XCIgOiBcIjEzcHhcIn07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmhhc0VxdWFsU3BhY2luZyA/IFwiNTAlXCIgOiBcImF1dG9cIn07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogcHJvcHMuc2VsZWN0ZWQgPyBcIjJweFwiIDogXCIxcHhcIn07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBcIlwiIDogXCJzb2xpZFwifTtcblx0Ym9yZGVyOiAkeyhwcm9wcykgPT4gcHJvcHMuaXNTcXVhcmVkID8gcHJvcHMuc2VsZWN0ZWQgPyBgMXB4IHNvbGlkICR7cHJvcHMuc2VsZWN0ZWRUZXh0Q29sb3J9YCA6IGAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9YCA6IFwiXCJ9O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdG1pbi13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLmlzU3F1YXJlZCA/IFwiMTIwcHhcIiA6IFwiXCJ9O1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5pc1NxdWFyZWQgPyBwcm9wcy5zZWxlY3RlZCA/IGAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZExpZ2h0fWAgOiBcIlwiIDogXCJcIn07XG5gO1xuZXhwb3J0IGNvbnN0IFRyYWlsaW5nTnVtYmVyQ29udGFpbmVyID0gc3R5bGVkLmRpdmBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHRtaW4td2lkdGg6IDIwcHg7XG5cdGhlaWdodDogMjBweDtcblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkID8gREVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmludmVyc2VMaWdodCA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcbmV4cG9ydCBjb25zdCBUYWJJdGVtVGV4dCA9IHN0eWxlZChCdXR0b25MYXJnZSlgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xuZXhwb3J0IGNvbnN0IEVtcHR5VGFiID0gc3R5bGVkLmRpdmBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcbmV4cG9ydCBjb25zdCBSaWdodENvbXBvbmVudCA9IHN0eWxlZC5kaXZgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xuIl19 /"));export{d as EmptyTab,X as RightComponent,G as TabHeader,R as TabItem,l as TabItemText,Z as TrailingNumberContainer};

package/dist/esm/components/tag/Tag.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsx as i,jsxs as e}from"react/jsx-runtime";import n from"react";import{Tooltip as t}from"../tooltips/Tooltip.js";import{AiBodyCaption as a,BodyCaption as c}from"../TypographyStyle.js";import{ValidTagTypeMap as r}from"./model.js";import{Tag as o}from"./Tag.styled.js";import{getTagIconColor as s}from"./themes.js";const l=l=>{let{tagText:g,LeadingIcon:d,TrailingIcon:p,onLeadingIconClicked:m,leadingIconId:b,trailingIconId:j,onTrailingIconClicked:h,theme:O="light",type:u="neutral",variant:I="regular",version:T,cursor:y,alignIcon:w,noBorder:f,tagHtmlText:N,contentPadding:k,leadingIconTooltip:x,trailingIconTooltip:C}=l,v=g;const ~~E=O~~;let ~~$=u~~;r[I][u]\|\|($="neutral"),"circle"===I&&"number"==typeof v&&v>99&&(v="99+");const B={height:"compressed"===I?12:16,width:"compressed"===I?12:16,color:s(~~O,$~~),style:{display:"block"}};return i(o,~~Object.assign(~~{cursor:y,theme~~:E,~~type:u,variant:I,version:T,alignIcon:w,noBorder:f,contentPadding:k},{children:e("div",~~Object.assign(~~{className:"container"},{children:[d&&(x?i(t,~~Object.assign~~({},x,{children:i("button",~~Object.assign(~~{className:"icon-leading",onClick:m,id:`${b}-wrapper`\|\|"leading-icon-wrapper"},{children:n.createElement(d,~~Object.assign~~(~~Object.assign~~({},B),{id:b\|\|"leading-icon"}))}))})):i("button",~~Object.assign(~~{className:"icon-leading",onClick:m,id:`${b}-wrapper`\|\|"leading-icon-wrapper"},{children:n.createElement(d,~~Object.assign~~(~~Object.assign~~({},B),{id:b\|\|"leading-icon"}))}))),N&&("ai"===u&&"light"===O?i(a,{children:N}):i(c,~~Object.assign(~~{className:"text"},{children:N}))),!N&&""!==v&&("ai"===u&&"light"===O?i(a,{children:v}):i(c,~~Object.assign(~~{className:"text"},{children:v}))),p&&(C?i(t,~~Object.assign~~({},C,{children:i("button",~~Object.assign(~~{className:"icon-trailing",onClick:h,id:`${j}-wrapper`\|\|"trailing-icon-wrapper"},{children:n.createElement(p,~~Object.assign~~(~~Object.assign~~({},B),{id:j\|\|"trailing-icon"}))}))})):i("button",~~Object.assign(~~{className:"icon-trailing",onClick:h,id:`${j}-wrapper`\|\|"trailing-icon-wrapper"},{children:n.createElement(p,~~Object.assign~~(~~Object.assign~~({},B),{id:j\|\|"trailing-icon"}))})))]}))}))};l.displayName="Tag";export{l as Tag};
1	+ import{jsx as e,jsxs as r}from"react/jsx-runtime";import i from"react";import{Tooltip as n}from"../tooltips/Tooltip.js";import{AiBodyCaption as t,BodyCaption as o}from"../TypographyStyle.js";import{ValidTagTypeMap as a}from"./model.js";import{Tag as l}from"./Tag.styled.js";import{getTagIconColor as c}from"./themes.js";var d=Object.defineProperty,p=Object.defineProperties,s=Object.getOwnPropertyDescriptors,g=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,h=Object.prototype.propertyIsEnumerable,y=(e,r,i)=>r in e?d(e,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):e[r]=i,b=(e,r)=>{for(var i in r\|\|(r={}))m.call(r,i)&&y(e,i,r[i]);if(g)for(var i of g(r))h.call(r,i)&&y(e,i,r[i]);return e},u=(e,r)=>p(e,s(r));const f=d=>{let{tagText:p,LeadingIcon:s,TrailingIcon:g,onLeadingIconClicked:m,leadingIconId:h,trailingIconId:y,onTrailingIconClicked:f,theme:w="light",type:I="neutral",variant:j="regular",version:T,cursor:v,alignIcon:O,noBorder:N,tagHtmlText:k,contentPadding:P,leadingIconTooltip:x,trailingIconTooltip:C}=d,E=p;const $=w;let B=I;a[j][I]\|\|(B="neutral"),"circle"===j&&"number"==typeof E&&E>99&&(E="99+");const L={height:"compressed"===j?12:16,width:"compressed"===j?12:16,color:c(w,B),style:{display:"block"}};return e(l,{cursor:v,theme:$,type:I,variant:j,version:T,alignIcon:O,noBorder:N,contentPadding:P,children:r("div",{className:"container",children:[s&&(x?e(n,u(b({},x),{children:e("button",{className:"icon-leading",onClick:m,id:`${h}-wrapper`\|\|"leading-icon-wrapper",children:i.createElement(s,u(b({},L),{id:h\|\|"leading-icon"}))})})):e("button",{className:"icon-leading",onClick:m,id:`${h}-wrapper`\|\|"leading-icon-wrapper",children:i.createElement(s,u(b({},L),{id:h\|\|"leading-icon"}))})),k&&("ai"===I&&"light"===w?e(t,{children:k}):e(o,{className:"text",children:k})),!k&&""!==E&&("ai"===I&&"light"===w?e(t,{children:E}):e(o,{className:"text",children:E})),g&&(C?e(n,u(b({},C),{children:e("button",{className:"icon-trailing",onClick:f,id:`${y}-wrapper`\|\|"trailing-icon-wrapper",children:i.createElement(g,u(b({},L),{id:y\|\|"trailing-icon"}))})})):e("button",{className:"icon-trailing",onClick:f,id:`${y}-wrapper`\|\|"trailing-icon-wrapper",children:i.createElement(g,u(b({},L),{id:y\|\|"trailing-icon"}))}))]})})};f.displayName="Tag";export{f as Tag};

package/dist/esm/components/tag/Tag.styled.js CHANGED Viewed

	@@ -1 +1 @@
1	- import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as d,getTextColor as g}from"./themes.js";const n=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null~~!==~~(l=c.cursor)~~&&void 0!==l~~?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;padding:",(c=>l(c.variant)),";padding:",(c=>c.contentPadding?c.contentPadding:l(c.variant)),"px;background:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${d(c.type,c.theme)};`)," .text{color:",(c=>g(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/~~IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0~~+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogJHsocHJvcHMpID0+IChwcm9wcy5hbGlnbkljb24gPyBwcm9wcy5hbGlnbkljb24gOiAnY2VudGVyJyl9O1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgID8gcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgIDogZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX1weDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJyA/ICc0cHgnIDogJzEycHgnKX07XG5cblx0XHQkeyhwcm9wcykgPT4gIXByb3BzLm5vQm9yZGVyICYmXHJcbiAgICBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlLCBwcm9wcy50aGVtZSl9O2B9XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldFRleHRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXHRcdH1cblxuXHRcdC5pY29uLXRyYWlsaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblxuXHRcdC5pY29uLWxlYWRpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== /"));export{n as Tag};
1	+ import c from"@emotion/styled/base";import{getPadding as l,getBackgroundColor as b,generateBorder as X,getTextColor as i}from"./themes.js";const n=c("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null!=(l=c.cursor)?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;padding:",(c=>l(c.variant)),";padding:",(c=>c.contentPadding?c.contentPadding:l(c.variant)),"px;background:",(c=>b(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${X(c.type,c.theme)};`)," .text{color:",(c=>i(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVE2QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIlwidXNlIHN0cmljdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQge1xuICBnZW5lcmF0ZUJvcmRlcixcbiAgZ2V0QmFja2dyb3VuZENvbG9yLFxuICBnZXRQYWRkaW5nLFxuICBnZXRUZXh0Q29sb3Jcbn0gZnJvbSBcIi4vdGhlbWVzXCI7XG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkLmRpdmBcblx0Y3Vyc29yOiAkeyhwcm9wcykgPT4ge1xuICB2YXIgX2E7XG4gIHJldHVybiAoX2EgPSBwcm9wcy5jdXJzb3IpICE9IG51bGwgPyBfYSA6IFwiZGVmYXVsdFwiO1xufX07XG5cdCR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSBcInJlZ3VsYXJcIiA/IGBkaXNwbGF5OiBibG9jaztcblx0XHQgICAgIG1pbi1oZWlnaHQ6IDI2cHg7XG5cdFx0YCA6IGBtaW4taGVpZ2h0OiAyMHB4O2B9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiBwcm9wcy5hbGlnbkljb24gPyBwcm9wcy5hbGlnbkljb24gOiBcImNlbnRlclwifTtcblx0XHRnYXA6IDZweDtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX07XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmNvbnRlbnRQYWRkaW5nID8gcHJvcHMuY29udGVudFBhZGRpbmcgOiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfXB4O1xuXHRcdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBnZXRCYWNrZ3JvdW5kQ29sb3IocHJvcHMudGhlbWUsIHByb3BzLnR5cGUpfTtcblxuXHRcdGJvcmRlci1yYWRpdXM6ICR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSBcInJlZ3VsYXJcIiA/IFwiNHB4XCIgOiBcIjEycHhcIn07XG5cblx0XHQkeyhwcm9wcykgPT4gIXByb3BzLm5vQm9yZGVyICYmIHByb3BzLnRoZW1lID09PSBcImxpZ2h0XCIgJiYgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSBcIjIuMFwiID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKFxuICBwcm9wcy50eXBlLFxuICBwcm9wcy50aGVtZVxuKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XG4iXX0= /"));export{n as Tag};

package/dist/esm/components/template-context-mapper/Badge/index.js CHANGED Viewed

@@ -1,11 +1,11 @@
-import{jsxs as t,jsx as r}from"react/jsx-runtime";import e from"../../../assets/icons/alert.svg.js";import i from"styled-components";import{BodySecondary as n}from"../../TypographyStyle.js";import{COLORS as o}from"../../../constants/Theme.js";const p=i.div`
-	background: ${o.background.negative.light};
+import{jsxs as t,jsx as r}from"react/jsx-runtime";import e from"../../../assets/icons/alert.svg.js";import o from"styled-components";import{BodySecondary as i}from"../../TypographyStyle.js";import{COLORS as n}from"../../../constants/Theme.js";const p=o.div`
+	background: ${n.background.negative.light};
 	display: flex;
 	align-items: center;
 	padding: ${t=>t.padding?"8px":"0px"} 12px;
 	gap: 8px;
 	border-radius: 4px;
 	margin-right: 12px;
-	color: ${o.content.negative};
+	color: ${n.content.negative};
 	height: 32px;
-`,a=i=>{const{errorText:a,padding:s}=i;return t(p,Object.assign({padding:s},{children:[r(e,{height:20,width:20,color:o.content.negative}),r(n,{children:a})]}))};export{a as Badge,p as BadgeContainer};
+`,a=o=>{const{errorText:a,padding:d}=o;return t(p,{padding:d,children:[r(e,{height:20,width:20,color:n.content.negative}),r(i,{children:a})]})};export{a as Badge,p as BadgeContainer};

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

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

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.js CHANGED Viewed

	@@ -1 +1 @@
1	- ~~const~~ a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:s,variableValue:l}=a;if(!e)return e;if(e.some((a=>a.variables&&Object.values(a.variables).some((a=>a.actualValue===l)))))return e;const r=e.findIndex((a=>a.displayName===i));if(-1!==r){const a=[...e];return a[r]=~~Object.assign~~(~~Object.assign~~({},a[r]),{variables:~~Object.assign~~(~~Object.assign~~({},a[r].variables),{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}})}),a}return[{description:i,displayName:i,orderId:1,variables:{[s]:{description:void 0,displayName:s,actualValue:l,variableType:"any",isAvailable:!0}}},...e]};export{a as updateVariables};
1	+ var e=Object.defineProperty,a=Object.defineProperties,r=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,o=(a,r,i)=>r in a?e(a,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):a[r]=i,s=(e,a)=>{for(var r in a\|\|(a={}))t.call(a,r)&&o(e,r,a[r]);if(i)for(var r of i(a))l.call(a,r)&&o(e,r,a[r]);return e},n=(e,i)=>a(e,r(i));const b=e=>{const{variableList:a,categoryDisplayName:r,variableDisplayName:i,variableValue:t}=e;if(!a)return a;if(a.some((e=>e.variables&&Object.values(e.variables).some((e=>e.actualValue===t)))))return a;const l=a.findIndex((e=>e.displayName===r));if(-1!==l){const e=[...a];return e[l]=n(s({},e[l]),{variables:n(s({},e[l].variables),{[i]:{description:void 0,displayName:i,actualValue:t,variableType:"any",isAvailable:!0}})}),e}return[{description:r,displayName:r,orderId:1,variables:{[i]:{description:void 0,displayName:i,actualValue:t,variableType:"any",isAvailable:!0}}},...a]};export{b as updateVariables};

package/dist/esm/components/template-context-mapper/helpers/WebpushTemplateHelper.js CHANGED Viewed

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

package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{CheckBox as a}from"../../checkBox/CheckBox.js";import{Input as n}from"../../input/Input.js";import{TitleSmall as s}from"../../TypographyStyle.js";const c=c=>{const{backTrackMessage:o,setBackTrackMessage:l}=c,[p,m]=i(!!o);return e(r,{children:[e("div",~~Object.assign(~~{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"}},{children:[t(a,{isChecked:p,onValueChange:()=>{p&&l&&l(""),m(!p)}}),t(s,~~Object.assign(~~{style:{marginLeft:8}},{children:"Prevent BackTracking"}))]})),p&&t("div",~~Object.assign(~~{style:{margin:10}},{children:t(n,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{l&&l(e)},height:"120px",maxCharLimit:1024,value:o,noErrorHint:!0,validate:e=>[!0,""]})}))]})};export{c as BackTrackComponent};
1	+ import{jsxs as e,Fragment as r,jsx as t}from"react/jsx-runtime";import{useState as i}from"react";import{CheckBox as a}from"../../checkBox/CheckBox.js";import{Input as n}from"../../input/Input.js";import{TitleSmall as o}from"../../TypographyStyle.js";const c=c=>{const{backTrackMessage:l,setBackTrackMessage:s}=c,[p,m]=i(!!l);return e(r,{children:[e("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8,width:"300px",padding:"20px 0px"},children:[t(a,{isChecked:p,onValueChange:()=>{p&&s&&s(""),m(!p)}}),t(o,{style:{marginLeft:8},children:"Prevent BackTracking"})]}),p&&t("div",{style:{margin:10},children:t(n,{type:"multiline",placeholder:"Enter your text here",labelText:"Message if user tries backtracking",onChangeText:e=>{s&&s(e)},height:"120px",maxCharLimit:1024,value:l,noErrorHint:!0,validate:e=>[!0,""]})})]})};export{c as BackTrackComponent};

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

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

package/dist/esm/components/template-context-mapper/modalElements/DesktopPreview.js CHANGED Viewed

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

package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.js CHANGED Viewed

	@@ -1 +1 @@
1	- import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/PlusIcon.js";import{useState as i,useRef as a,useEffect as n}from"react";import{CheckBox as s}from"../../checkBox/CheckBox.js";import{Input as c}from"../../input/Input.js";import{TitleSmall as l}from"../../TypographyStyle.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const u=u=>{const{discountCode:h,setDiscountCode:p}=u,[g,f]=i(""),[j,b]=i(!!h),[v,C]=i(!1),{setVariableCallback:x,setShowVariablePicker:y}=d(),V=a(),k=a();n((()=>{p&&g&&p(h+g)}),[g]);const O=e=>{f(e.actualValue)};return e(r,{children:[e("div",~~Object.assign(~~{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[o(s,{isChecked:j,onValueChange:()=>{j&&p&&(p(""),f("")),b(!j)}}),o(l,~~Object.assign(~~{style:{marginLeft:8}},{children:"Add discount code"}))]})),j&&e("div",~~Object.assign(~~{ref:V,style:{margin:10}},{children:[o(c,{placeholder:"Enter your discount code",onChangeText:e=>{p&&p(e)},value:h,onFocus:()=>{C(!0)},onBlur:e=>{var r;"addVar"===(null~~===~~(r=e.relatedTarget)~~\|\|void 0===r~~?void 0:r.id)?(V.current&&V.current.focus(),C(!0)):C(!1)},noErrorHint:!0,validate:e=>[!0,""]}),v&&o(m,~~Object.assign(~~{ref:k,id:"addVar",onClick:e=>{e.stopPropagation(),x((()=>O)),y(!0)}},{children:e("div",~~Object.assign(~~{className:"add"},{children:[o(t,{width:14,height:14,color:"white"}),o("div",~~Object.assign(~~{className:"variable"},{children:"Add variable"}))]}))}))]}))]})};export{u as DiscountCodeComponent};
1	+ import{jsxs as e,Fragment as r,jsx as o}from"react/jsx-runtime";import t from"../../../assets/icons/PlusIcon.js";import{useState as i,useRef as a,useEffect as n}from"react";import{CheckBox as l}from"../../checkBox/CheckBox.js";import{Input as c}from"../../input/Input.js";import{TitleSmall as d}from"../../TypographyStyle.js";import{useTemplateModalContext as s}from"../context/templateModalContext.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const u=u=>{const{discountCode:h,setDiscountCode:p}=u,[f,g]=i(""),[v,C]=i(!!h),[x,y]=i(!1),{setVariableCallback:j,setShowVariablePicker:V}=s(),b=a(),k=a();n((()=>{p&&f&&p(h+f)}),[f]);const w=e=>{g(e.actualValue)};return e(r,{children:[e("div",{style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8},children:[o(l,{isChecked:v,onValueChange:()=>{v&&p&&(p(""),g("")),C(!v)}}),o(d,{style:{marginLeft:8},children:"Add discount code"})]}),v&&e("div",{ref:b,style:{margin:10},children:[o(c,{placeholder:"Enter your discount code",onChangeText:e=>{p&&p(e)},value:h,onFocus:()=>{y(!0)},onBlur:e=>{var r;"addVar"===(null==(r=e.relatedTarget)?void 0:r.id)?(b.current&&b.current.focus(),y(!0)):y(!1)},noErrorHint:!0,validate:e=>[!0,""]}),x&&o(m,{ref:k,id:"addVar",onClick:e=>{e.stopPropagation(),j((()=>w)),V(!0)},children:e("div",{className:"add",children:[o(t,{width:14,height:14,color:"white"}),o("div",{className:"variable",children:"Add variable"})]})})]})]})};export{u as DiscountCodeComponent};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.js CHANGED Viewed

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

package/dist/esm/components/template-context-mapper/modalElements/EditMediaV2.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import o from"../../../assets/icons/broken_media_image.svg.js";import r from"../../../assets/icons/document_pdf.svg.js";import s from"../../../assets/icons/edit.svg.js";import n from"../../../assets/icons/refresh.svg.js";import l from"styled-components";import{ShimmerImage as a}from"../../shimmer-image/ShimmerImage.js";import{Spinner as d}from"../../spinner/Spinner.js";import{HEADER_TYPES as c}from"../../template-preview/models/TemplateMeta.js";import{BodyCaption as m,BodySecondary as p,Caption as g}from"../../TypographyStyle.js";import h from"../../../utils/StringUtils.js";import{COLORS as f}from"../../../constants/Theme.js";import{useTemplateModalContext as b}from"../context/templateModalContext.js";import{Container as j,ImageContainer as y,RightComponent as u}from"./EditMediaV2.style.js";const v=l.div`
+import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import o from"../../../assets/icons/broken_media_image.svg.js";import r from"../../../assets/icons/document_pdf.svg.js";import l from"../../../assets/icons/edit.svg.js";import s from"../../../assets/icons/refresh.svg.js";import n from"styled-components";import{ShimmerImage as a}from"../../shimmer-image/ShimmerImage.js";import{Spinner as d}from"../../spinner/Spinner.js";import{HEADER_TYPES as m}from"../../template-preview/models/TemplateMeta.js";import{BodyCaption as c,BodySecondary as p,Caption as h}from"../../TypographyStyle.js";import g from"../../../utils/StringUtils.js";import{COLORS as f}from"../../../constants/Theme.js";import{useTemplateModalContext as y}from"../context/templateModalContext.js";import{Container as u,ImageContainer as v,RightComponent as b}from"./EditMediaV2.style.js";const j=n.div`
 	padding-left: 14px;
 	padding-right: 6px;
 	height: 100%;
@@ -6,4 +6,4 @@ import{jsxs as e,jsx as i,Fragment as t}from"react/jsx-runtime";import o from"..
 	cursor: pointer;
 	display: flex;
 	align-items: center;
-`,x=l=>{const{imageName:x,error:w,isLoading:O,mediaType:k,selectedVariable:L,setOpenEditMedia:C}=l,E=null==x?void 0:x[0].split("/"),M=null==E?void 0:E[E.length-1],{disableEditVariable:S}=b();return e(j,{children:[i(y,Object.assign({error:!!w,onClick:()=>null==C?void 0:C(!0)},{children:w?i(o,{width:56,height:56}):O?i(d,{size:"small"}):L?i(a,{imageUrl:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51",width:56,height:56}):k===c.IMAGE?i(a,{imageUrl:null==x?void 0:x[0],width:56,height:56}):k===c.VIDEO?i("video",Object.assign({src:x[0],style:{width:56,height:56}},{children:i("track",{default:!0,kind:"captions",srcLang:"en",src:x[0]})})):i(r,{width:18,height:22,color:f.content.placeholder})})),e(u,{children:[i("div",Object.assign({style:{flex:w?"unset":1}},{children:x&&w?i(t,{}):O?i(m,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):i(p,Object.assign({style:{color:f.content.primary,marginLeft:8}},{children:L||h.toCapitilize(null==k?void 0:k.toLowerCase())||M}))})),!!w&&e("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"}},{children:[e(p,Object.assign({style:{color:f.content.negative}},{children:["Error loading this ",null==k?void 0:k.toLowerCase(),". Retry"]})),i(g,Object.assign({style:{color:f.content.secondary}},{children:w}))]}))]}),!S&&!O&&i(v,Object.assign({onClick:()=>null==C?void 0:C(!0),onKeyDown:()=>null==C?void 0:C(!0),role:"presentation"},{children:w?i(n,{color:f.content.brand,width:24,height:24}):i(s,{width:24,height:24,color:f.content.placeholder})}))]})};export{x as default};
+`,x=n=>{const{imageName:x,error:w,isLoading:k,mediaType:L,selectedVariable:C,setOpenEditMedia:E}=n,M=null==x?void 0:x[0].split("/"),S=null==M?void 0:M[M.length-1],{disableEditVariable:T}=y();return e(u,{children:[i(v,{error:!!w,onClick:()=>null==E?void 0:E(!0),children:w?i(o,{width:56,height:56}):k?i(d,{size:"small"}):C?i(a,{imageUrl:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F629bff40-6405-4514-9203-029bca59a7b0?alt=media&token=228e2231-176e-46d8-b29f-532d72592f51",width:56,height:56}):L===m.IMAGE?i(a,{imageUrl:null==x?void 0:x[0],width:56,height:56}):L===m.VIDEO?i("video",{src:x[0],style:{width:56,height:56},children:i("track",{default:!0,kind:"captions",srcLang:"en",src:x[0]})}):i(r,{width:18,height:22,color:f.content.placeholder})}),e(b,{children:[i("div",{style:{flex:w?"unset":1},children:x&&w?i(t,{}):k?i(c,{style:{marginLeft:8},children:"Your media is getting loaded..."}):i(p,{style:{color:f.content.primary,marginLeft:8},children:C||g.toCapitilize(null==L?void 0:L.toLowerCase())||S})}),!!w&&e("div",{style:{display:"flex",flexDirection:"column",marginLeft:8,gap:"2px"},children:[e(p,{style:{color:f.content.negative},children:["Error loading this ",null==L?void 0:L.toLowerCase(),". Retry"]}),i(h,{style:{color:f.content.secondary},children:w})]})]}),!T&&!k&&i(j,{onClick:()=>null==E?void 0:E(!0),onKeyDown:()=>null==E?void 0:E(!0),role:"presentation",children:w?i(s,{color:f.content.brand,width:24,height:24}):i(l,{width:24,height:24,color:f.content.placeholder})})]})};export{x as default};

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

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

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

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