@bikdotai/bik-component-library 0.1.1-analytics-chips-beta → 0.2.0-bik-layout-beta

package/dist/cjs/components/states-modal/DeleteConfirmationModal.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface DeleteConfirmationModalProps {
+    header: string;
+    subHeader: string;
+    confirmationText: string;
+    onDeleteConfirmed: () => void;
+    onCancelClicked: () => void;
+}
+export declare const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps>;

package/dist/cjs/components/states-modal/DeleteConfirmationModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../modals/styledModal.js");exports.DeleteConfirmationModal=n=>e.jsx(t.StyledModal,{centralContainerStyles:{width:400},onClose:()=>n.onCancelClicked(),open:!0,headingTitle:n.header,headingSubtitle:n.subHeader,primaryButton:{buttonText:n.confirmationText,buttonType:"destructive",size:"small",onClick:()=>n.onDeleteConfirmed()},secondaryButton:{buttonText:"Cancel",buttonType:"tertiaryGray",size:"small",onClick:()=>n.onCancelClicked()}});

package/dist/cjs/components/states-modal/StateModalComponent.d.ts

@@ -13,5 +13,7 @@ export type StateModalComponentProps = {
     onButtonClick?: (buttonClicked: ButtonActions) => void;
     leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     width?: number;
+    onClose?: () => void;
+    zIndex?: number;
 };
 export declare const StateModalComponent: React.FC<StateModalComponentProps>;

package/dist/cjs/components/states-modal/StateModalComponent.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("../../assets/icons/errorIcon.svg.js"),s=require("../../assets/icons/successIcon.svg.js"),o=require("../../assets/icons/warningIcon.svg.js"),r=require("../modals/Modal.js"),a=require("../spinner/Spinner.js"),i=require("../states/StateComponent.js");exports.StateModalComponent=c=>{const u=()=>l==i.StateInterface.SUCCESS?e.jsx(s.default,{}):l==i.StateInterface.WARNING?e.jsx(o.default,{}):l==i.StateInterface.ERROR?e.jsx(n.default,{}):l===i.StateInterface.LOADING?e.jsx(a.Spinner,{size:"large"}):void 0,{states:l,heading:d,subline:I,icon:j=u(),isButtonEnabled:S,type:x,buttonText:C,onButtonClick:f,leadingIcon:p,width:g,zIndex:b}=c,[q,O]=t.useState(!0);return e.jsx(r.Modal,Object.assign({open:q,onClose:function(){c.onClose&&c.onClose(),O(!1)},closeOnOutsideClick:!(l===i.StateInterface.LOADING),centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:g},hideCrossButton:l===i.StateInterface.LOADING,zIndex:b},{children:e.jsx(i.StateComponent,{states:l,heading:d,subline:I,isButtonEnabled:S,leadingIcon:p,type:x,buttonText:C,onButtonClick:f,icon:j,width:g||400})}))};

package/dist/cjs/components/states-modal/index.d.ts

@@ -1 +1,2 @@
 export * from './StateModalComponent';
+export * from './DeleteConfirmationModal';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const WorkingStepper: () => JSX.Element;
 export declare enum STEPENUM {
     STEP1 = "STEP1",

package/dist/cjs/components/switch/Switch.d.ts

@@ -1,8 +1,10 @@
 /// <reference types="react" />
 import { SwitchColorProps, SwitchProps } from './Switch.d';
-declare const _default: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>>;
-export default _default;
-export declare const SwitchContainer: import("styled-components").StyledComponent<"div", any, {
+export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     trackLength: number;
     trackHeight: number;
     trackColor: SwitchColorProps;
@@ -11,13 +13,19 @@ export declare const SwitchContainer: import("styled-components").StyledComponen
     duration: number;
     disabled?: boolean | undefined;
     outlineColor: SwitchColorProps;
-}, never>;
-export declare const Thumb: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Thumb: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     value: boolean;
     duration: number;
     thumbColor: SwitchColorProps;
-}, never>;
-export declare const Loader: import("styled-components").StyledComponent<"div", any, {
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Loader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     value: boolean;
     trackColor: SwitchColorProps;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/switch/Switch.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var g=require("@emotion/styled/base"),I=require("../../_virtual/_tslib.js"),c=require("react/jsx-runtime"),b=require("react"),C=require("../../constants/Theme.js");function A(g){return g&&"object"==typeof g&&"default"in g?g:{default:g}}var l=A(g);const G=b.forwardRef((g=>{let{customThumbColor:A,trackColor:l,trackHeight:G,trackLength:X,disabled:i,value:y,onValueChange:m,duration:x,containerStyle:W,type:J,isLoading:n}=g;var u,a,B,Y;const{colorsV2:V}=C.DEFAULT_THEME,[t,R]=b.useState(y),[o,v]=b.useState(null!=n&&n),s=null!=x?x:200;b.useEffect((()=>{"boolean"==typeof n&&v(n)}),[n]),b.useEffect((()=>{R(y)}),[y]);const h=i?{false:V.background.inactive,true:V.background.inactive}:{false:(null!==(u=null==l?void 0:l.false)&&void 0!==u?u:"greenred"===J)?V.background.negative.light:V.background.base,true:(null!==(a=null==l?void 0:l.true)&&void 0!==a?a:"greenred"===J)?V.background.positive.vibrant:V.background.brand},e={false:"greenred"===J?V.stroke.negative.lightAlt:V.stroke.primary,true:"greenred"===J?V.background.positive.vibrant:V.background.brand},p=i?{false:V.content.inactive,true:V.content.inactive}:{false:(null!==(B=null==A?void 0:A.false)&&void 0!==B?B:"greenred"===J)?V.content.negative:V.text.primary,true:null!==(Y=null==A?void 0:A.true)&&void 0!==Y?Y:V.surface.standard},F=J?{false:"greenred"===J?V.stroke.negative.lightAlt:V.stroke.primary,true:"greenred"===J?V.stroke.positive.lightAlt:V.background.brandLight}:{false:V.stroke.primary,true:V.stroke.primary};return c.jsx(c.Fragment,{children:c.jsx(d,Object.assign({trackLength:null!=X?X:40,trackHeight:null!=G?G:20,onClick:()=>function(){return I.__awaiter(this,void 0,void 0,(function*(){if(!i){"boolean"!=typeof n&&v(!0);try{yield null==m?void 0:m(!t),R(!t)}catch(g){console.log(g)}"boolean"!=typeof n&&v(!1)}}))}(),trackColor:h,value:t,style:W,borderColor:e,duration:s,disabled:i,outlineColor:F},{children:o?c.jsx(Z,{value:t,trackColor:h}):c.jsx(H,{value:t,duration:s,thumbColor:p})}))})}));G.displayName="Switch";const d=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni2"}:{target:"e1u17pni2",label:"SwitchContainer"})("display:flex;flex-direction:row;margin-top:5px;margin-bottom:5px;border-radius:30px;background-color:red;background-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";width:",(g=>g.trackLength+"px"),";height:",(g=>g.trackHeight+"px"),";border-width:",(g=>g.disabled?"0px":"1px"),";border-style:solid;border-color:",(g=>g.value?g.borderColor.true:g.borderColor.false),";transition:",(g=>g.duration/1e3+"s ease all"),";align-items:center;cursor:pointer;:focus{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}:active{outline:",(g=>g.value?g.outlineColor.true:g.outlineColor.false),";outline-style:solid;outline-offset:2px;outline-width:2px;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUYwQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */")),H=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni1"}:{target:"e1u17pni1",label:"Thumb"})("height:12px;width:12px;margin:4px;border-radius:8px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";transition:",(g=>g.duration/1e3+"s ease all"),";background-color:",(g=>g.value?g.thumbColor.true:g.thumbColor.false),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0dnQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */")),Z=l.default("div","production"===process.env.NODE_ENV?{target:"e1u17pni0"}:{target:"e1u17pni0",label:"Loader"})("border-width:2px;border-style:solid;border-color:",(g=>g.value?g.trackColor.true:g.trackColor.false),";border-top-width:2px;border-top-style:solid;border-top-color:",(g=>g.value?C.COLORS.text.white:C.COLORS.background.brand),";border-radius:50%;height:8px;width:8px;margin:4px;position:relative;left:",(g=>g.value?"calc(100% - 20px)":"0px"),";animation:spin 1s linear infinite;@keyframes spin{0%{transform:rotate(0deg);}100%{transform:rotate(360deg);}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN3aXRjaC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUhpQyIsImZpbGUiOiJTd2l0Y2gudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19hd2FpdGVyIH0gZnJvbSBcInRzbGliXCI7XHJcbmltcG9ydCB7IGpzeCBhcyBfanN4LCBGcmFnbWVudCBhcyBfRnJhZ21lbnQgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBmb3J3YXJkUmVmLCB1c2VFZmZlY3QsIHVzZVN0YXRlIH0gZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMsIERFRkFVTFRfVEhFTUUgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2ggPSBmb3J3YXJkUmVmKCh7IGN1c3RvbVRodW1iQ29sb3IsIHRyYWNrQ29sb3IsIHRyYWNrSGVpZ2h0LCB0cmFja0xlbmd0aCwgZGlzYWJsZWQsIHZhbHVlOiBwcm9wc1ZhbHVlLCBvblZhbHVlQ2hhbmdlLCBkdXJhdGlvbiwgY29udGFpbmVyU3R5bGUsIHR5cGUsIGlzTG9hZGluZywgfSkgPT4ge1xyXG4gICAgdmFyIF9hLCBfYiwgX2MsIF9kO1xyXG4gICAgY29uc3QgeyBjb2xvcnNWMiB9ID0gREVGQVVMVF9USEVNRTtcclxuICAgIGNvbnN0IFt2YWx1ZSwgc2V0VmFsdWVdID0gdXNlU3RhdGUocHJvcHNWYWx1ZSk7XHJcbiAgICBjb25zdCBbaXNsb2FkaW5nLCBzZXRMb2FkaW5nXSA9IHVzZVN0YXRlKGlzTG9hZGluZyAhPT0gbnVsbCAmJiBpc0xvYWRpbmcgIT09IHZvaWQgMCA/IGlzTG9hZGluZyA6IGZhbHNlKTtcclxuICAgIGNvbnN0IGR1cmF0aW9uVGltZSA9IGR1cmF0aW9uICE9PSBudWxsICYmIGR1cmF0aW9uICE9PSB2b2lkIDAgPyBkdXJhdGlvbiA6IDIwMDtcclxuICAgIHVzZUVmZmVjdCgoKSA9PiB7XHJcbiAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgIHNldExvYWRpbmcoaXNMb2FkaW5nKTtcclxuICAgICAgICB9XHJcbiAgICB9LCBbaXNMb2FkaW5nXSk7XHJcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgICAgIHNldFZhbHVlKHByb3BzVmFsdWUpO1xyXG4gICAgfSwgW3Byb3BzVmFsdWVdKTtcclxuICAgIGNvbnN0IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgPSBkaXNhYmxlZFxyXG4gICAgICAgID8ge1xyXG4gICAgICAgICAgICBmYWxzZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICAgICAgdHJ1ZTogY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZSxcclxuICAgICAgICB9XHJcbiAgICAgICAgOiB7XHJcbiAgICAgICAgICAgIGZhbHNlOiAoKF9hID0gdHJhY2tDb2xvciA9PT0gbnVsbCB8fCB0cmFja0NvbG9yID09PSB2b2lkIDAgPyB2b2lkIDAgOiB0cmFja0NvbG9yLmZhbHNlKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLm5lZ2F0aXZlLmxpZ2h0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYmFzZSxcclxuICAgICAgICAgICAgdHJ1ZTogKChfYiA9IHRyYWNrQ29sb3IgPT09IG51bGwgfHwgdHJhY2tDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogdHJhY2tDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiB0eXBlID09PSAnZ3JlZW5yZWQnKVxyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5iYWNrZ3JvdW5kLnBvc2l0aXZlLnZpYnJhbnRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgICAgICB9O1xyXG4gICAgY29uc3QgY29uc29saWRhdGVkQm9yZGVyQ29sb3IgPSB7XHJcbiAgICAgICAgZmFsc2U6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSxcclxuICAgICAgICB0cnVlOiB0eXBlID09PSAnZ3JlZW5yZWQnXHJcbiAgICAgICAgICAgID8gY29sb3JzVjIuYmFja2dyb3VuZC5wb3NpdGl2ZS52aWJyYW50XHJcbiAgICAgICAgICAgIDogY29sb3JzVjIuYmFja2dyb3VuZC5icmFuZCxcclxuICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yID0gZGlzYWJsZWRcclxuICAgICAgICA/IHsgZmFsc2U6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUsIHRydWU6IGNvbG9yc1YyLmNvbnRlbnQuaW5hY3RpdmUgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogKChfYyA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci5mYWxzZSkgIT09IG51bGwgJiYgX2MgIT09IHZvaWQgMCA/IF9jIDogdHlwZSA9PT0gJ2dyZWVucmVkJylcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuY29udGVudC5uZWdhdGl2ZVxyXG4gICAgICAgICAgICAgICAgOiBjb2xvcnNWMi50ZXh0LnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IChfZCA9IGN1c3RvbVRodW1iQ29sb3IgPT09IG51bGwgfHwgY3VzdG9tVGh1bWJDb2xvciA9PT0gdm9pZCAwID8gdm9pZCAwIDogY3VzdG9tVGh1bWJDb2xvci50cnVlKSAhPT0gbnVsbCAmJiBfZCAhPT0gdm9pZCAwID8gX2QgOiBjb2xvcnNWMi5zdXJmYWNlLnN0YW5kYXJkLFxyXG4gICAgICAgIH07XHJcbiAgICBjb25zdCBjb25zb2xpZGF0ZU91dGxpbmVDb2xvciA9ICF0eXBlXHJcbiAgICAgICAgPyB7IGZhbHNlOiBjb2xvcnNWMi5zdHJva2UucHJpbWFyeSwgdHJ1ZTogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnkgfVxyXG4gICAgICAgIDoge1xyXG4gICAgICAgICAgICBmYWxzZTogdHlwZSA9PT0gJ2dyZWVucmVkJ1xyXG4gICAgICAgICAgICAgICAgPyBjb2xvcnNWMi5zdHJva2UubmVnYXRpdmUubGlnaHRBbHRcclxuICAgICAgICAgICAgICAgIDogY29sb3JzVjIuc3Ryb2tlLnByaW1hcnksXHJcbiAgICAgICAgICAgIHRydWU6IHR5cGUgPT09ICdncmVlbnJlZCdcclxuICAgICAgICAgICAgICAgID8gY29sb3JzVjIuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0XHJcbiAgICAgICAgICAgICAgICA6IGNvbG9yc1YyLmJhY2tncm91bmQuYnJhbmRMaWdodCxcclxuICAgICAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlUHJlc3MoKSB7XHJcbiAgICAgICAgcmV0dXJuIF9fYXdhaXRlcih0aGlzLCB2b2lkIDAsIHZvaWQgMCwgZnVuY3Rpb24qICgpIHtcclxuICAgICAgICAgICAgaWYgKGRpc2FibGVkKSB7XHJcbiAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgaWYgKHR5cGVvZiBpc0xvYWRpbmcgIT09ICdib29sZWFuJykge1xyXG4gICAgICAgICAgICAgICAgc2V0TG9hZGluZyh0cnVlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICB0cnkge1xyXG4gICAgICAgICAgICAgICAgeWllbGQgKG9uVmFsdWVDaGFuZ2UgPT09IG51bGwgfHwgb25WYWx1ZUNoYW5nZSA9PT0gdm9pZCAwID8gdm9pZCAwIDogb25WYWx1ZUNoYW5nZSghdmFsdWUpKTtcclxuICAgICAgICAgICAgICAgIHNldFZhbHVlKCF2YWx1ZSk7XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgY2F0Y2ggKGVycikge1xyXG4gICAgICAgICAgICAgICAgY29uc29sZS5sb2coZXJyKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgICAgICBpZiAodHlwZW9mIGlzTG9hZGluZyAhPT0gJ2Jvb2xlYW4nKSB7XHJcbiAgICAgICAgICAgICAgICBzZXRMb2FkaW5nKGZhbHNlKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH0pO1xyXG4gICAgfVxyXG4gICAgcmV0dXJuIChfanN4KF9GcmFnbWVudCwgeyBjaGlsZHJlbjogX2pzeChTd2l0Y2hDb250YWluZXIsIE9iamVjdC5hc3NpZ24oeyB0cmFja0xlbmd0aDogdHJhY2tMZW5ndGggIT09IG51bGwgJiYgdHJhY2tMZW5ndGggIT09IHZvaWQgMCA/IHRyYWNrTGVuZ3RoIDogNDAsIHRyYWNrSGVpZ2h0OiB0cmFja0hlaWdodCAhPT0gbnVsbCAmJiB0cmFja0hlaWdodCAhPT0gdm9pZCAwID8gdHJhY2tIZWlnaHQgOiAyMCwgb25DbGljazogKCkgPT4gaGFuZGxlUHJlc3MoKSwgdHJhY2tDb2xvcjogY29uc29saWRhdGVkVHJhY2tDb2xvciwgdmFsdWU6IHZhbHVlLCBzdHlsZTogY29udGFpbmVyU3R5bGUsIGJvcmRlckNvbG9yOiBjb25zb2xpZGF0ZWRCb3JkZXJDb2xvciwgZHVyYXRpb246IGR1cmF0aW9uVGltZSwgZGlzYWJsZWQ6IGRpc2FibGVkLCBvdXRsaW5lQ29sb3I6IGNvbnNvbGlkYXRlT3V0bGluZUNvbG9yIH0sIHsgY2hpbGRyZW46IGlzbG9hZGluZyA/IChfanN4KExvYWRlciwgeyB2YWx1ZTogdmFsdWUsIHRyYWNrQ29sb3I6IGNvbnNvbGlkYXRlZFRyYWNrQ29sb3IgfSkpIDogKF9qc3goVGh1bWIsIHsgdmFsdWU6IHZhbHVlLCBkdXJhdGlvbjogZHVyYXRpb25UaW1lLCB0aHVtYkNvbG9yOiBjb25zb2xpZGF0ZWRUaHVtYkNvbG9yIH0pKSB9KSkgfSkpO1xyXG59KTtcclxuU3dpdGNoLmRpc3BsYXlOYW1lID0gJ1N3aXRjaCc7XHJcbmV4cG9ydCBjb25zdCBTd2l0Y2hDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0bWFyZ2luLXRvcDogNXB4O1xuXHRtYXJnaW4tYm90dG9tOiA1cHg7XG5cdGJvcmRlci1yYWRpdXM6IDMwcHg7XG5cdGJhY2tncm91bmQtY29sb3I6IHJlZDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tMZW5ndGggKyAncHgnfTtcblx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMudHJhY2tIZWlnaHQgKyAncHgnfTtcblx0Ym9yZGVyLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmRpc2FibGVkID8gJzBweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItc3R5bGU6IHNvbGlkO1xuXHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IHByb3BzLmJvcmRlckNvbG9yLnRydWUgOiBwcm9wcy5ib3JkZXJDb2xvci5mYWxzZX07XG5cblx0dHJhbnNpdGlvbjogJHsocHJvcHMpID0+IGAke3Byb3BzLmR1cmF0aW9uIC8gMTAwMH1zIGVhc2UgYWxsYH07XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGN1cnNvcjogcG9pbnRlcjtcblx0OmZvY3VzIHtcblx0XHRvdXRsaW5lOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy5vdXRsaW5lQ29sb3IudHJ1ZSA6IHByb3BzLm91dGxpbmVDb2xvci5mYWxzZX07XG5cdFx0b3V0bGluZS1zdHlsZTogc29saWQ7XG5cdFx0b3V0bGluZS1vZmZzZXQ6IDJweDtcblx0XHRvdXRsaW5lLXdpZHRoOiAycHg7XG5cdH1cblx0OmFjdGl2ZSB7XG5cdFx0b3V0bGluZTogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMub3V0bGluZUNvbG9yLnRydWUgOiBwcm9wcy5vdXRsaW5lQ29sb3IuZmFsc2V9O1xuXHRcdG91dGxpbmUtc3R5bGU6IHNvbGlkO1xuXHRcdG91dGxpbmUtb2Zmc2V0OiAycHg7XG5cdFx0b3V0bGluZS13aWR0aDogMnB4O1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVGh1bWIgPSBzdHlsZWQuZGl2IGBcblx0aGVpZ2h0OiAxMnB4O1xuXHR3aWR0aDogMTJweDtcblx0bWFyZ2luOiA0cHg7XG5cdGJvcmRlci1yYWRpdXM6IDhweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdHRyYW5zaXRpb246ICR7KHByb3BzKSA9PiBgJHtwcm9wcy5kdXJhdGlvbiAvIDEwMDB9cyBlYXNlIGFsbGB9O1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudmFsdWUgPyBwcm9wcy50aHVtYkNvbG9yLnRydWUgOiBwcm9wcy50aHVtYkNvbG9yLmZhbHNlfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBMb2FkZXIgPSBzdHlsZWQuZGl2IGBcblx0Ym9yZGVyLXdpZHRoOiAycHg7XG5cdGJvcmRlci1zdHlsZTogc29saWQ7XG5cdGJvcmRlci1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnZhbHVlID8gcHJvcHMudHJhY2tDb2xvci50cnVlIDogcHJvcHMudHJhY2tDb2xvci5mYWxzZX07XG5cdGJvcmRlci10b3Atd2lkdGg6IDJweDtcblx0Ym9yZGVyLXRvcC1zdHlsZTogc29saWQ7XG5cdGJvcmRlci10b3AtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy52YWx1ZSA/IENPTE9SUy50ZXh0LndoaXRlIDogQ09MT1JTLmJhY2tncm91bmQuYnJhbmR9O1xuXHRib3JkZXItcmFkaXVzOiA1MCU7XG5cdGhlaWdodDogOHB4O1xuXHR3aWR0aDogOHB4O1xuXHRtYXJnaW46IDRweDtcblx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRsZWZ0OiAkeyhwcm9wcykgPT4gKHByb3BzLnZhbHVlID8gJ2NhbGMoMTAwJSAtIDIwcHgpJyA6ICcwcHgnKX07XG5cdGFuaW1hdGlvbjogc3BpbiAxcyBsaW5lYXIgaW5maW5pdGU7XG5cdEBrZXlmcmFtZXMgc3BpbiB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMGRlZyk7XG5cdFx0fVxuXHRcdDEwMCUge1xuXHRcdFx0dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN3aXRjaC5qcy5tYXAiXX0= */"));exports.Loader=Z,exports.Switch=G,exports.SwitchContainer=d,exports.Thumb=H;

package/dist/cjs/components/switch/index.d.ts

@@ -0,0 +1 @@
+export * from './Switch';

package/dist/cjs/components/tabs/Tabs.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { TabItemComponentProps, TabViewHeaderProps } from './Tabs.d';
+export declare const Tabs: React.FC<TabViewHeaderProps>;
+export declare const TabItemComponent: React.FC<TabItemComponentProps>;

package/dist/cjs/components/tabs/Tabs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),s=require("./Tabs.styles.js");const n=o=>{var n,l;const{tabs:c,initialTab:i,onTabSelected:d,TabItemStyledProps:b,selectedTab:T,extendedBorder:u,rightComponent:p}=o,[x,m]=t.useState(i||c[0].key),{colorsV2:C}=r.DEFAULT_THEME;t.useEffect((()=>{T&&m(T)}),[T]);const g=o.backgroundColor,y=null!==(n=o.selectedTextColor)&&void 0!==n?n:C.background.brand,j=null!==(l=o.textColor)&&void 0!==l?l:C.content.secondary;return e.jsxs(s.TabHeader,Object.assign({bgColor:g},{children:[c.map((t=>e.jsx(a,{hasEqualSpacing:o.hasEqualSpacing,selectedTextColor:y,textColor:j,tab:t,currentTab:x,TabItemStyledProps:b,IconComponent:t.icon,setCurrentTab:e=>{d(e),m(e)}},t.key))),u&&e.jsx(s.EmptyTab,{}),e.jsx(s.RightComponent,{children:p})]}))},a=t=>{const{tab:n,currentTab:a,setCurrentTab:l,TabItemStyledProps:c,IconComponent:i}=t,d=n.key===a,{colorsV2:b}=r.DEFAULT_THEME;return e.jsxs(s.TabItem,Object.assign({style:c,selected:d,hasEqualSpacing:t.hasEqualSpacing,onClick:()=>l(t.tab.key),selectedTextColor:t.selectedTextColor},{children:[i&&e.jsx(i,{selected:d?b.background.brand:b.content.secondary}),e.jsx(s.TabItemText,Object.assign({textColor:t.textColor,selectedTextColor:t.selectedTextColor,selected:d},{children:n.title})),void 0!==n.trailingNumber&&null!==n.trailingNumber&&e.jsx(s.TrailingNumberContainer,Object.assign({selected:d},{children:e.jsx(o.BodyCaption,Object.assign({color:b.content.primaryInverse},{children:n.trailingNumber}))}))]}))};n.displayName="Tabs",a.displayName="TabItemComponent",exports.TabItemComponent=a,exports.Tabs=n;

package/dist/cjs/components/tabs/Tabs.styles.d.ts

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { TabItemProps, TabItemTextProps } from './Tabs.d';
+export declare const TabHeader: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    bgColor?: string | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & TabItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TrailingNumberContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    selected: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TabItemText: import("@emotion/styled").StyledComponent<{
+    [x: string]: any;
+    [x: number]: any;
+    [x: symbol]: any;
+} & {
+    theme?: any;
+} & {
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & TabItemTextProps, {}, {}>;
+export declare const EmptyTab: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const RightComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/tabs/Tabs.styles.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("../../constants/Theme.js"),G=require("../TypographyStyle.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var R=l(c);const Z=R.default("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+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAxNHB4IDI0cHggMTJweCAyNHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsocHJvcHMpID0+IChwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4Jyl9O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gJzUwJScgOiAnYXV0bycpfTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnKX07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUcmFpbGluZ051bWJlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbXB0eVRhYiA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG5leHBvcnQgY29uc3QgUmlnaHRDb21wb25lbnQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== */")),X=R.default("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a4"}:{target:"e1yo8x5a4",label:"TabItem"})("display:flex;flex-direction:row;column-gap:8px;padding:14px 24px 12px 24px;padding-bottom:",(c=>c.selected?"12px":"13px"),";align-items:center;justify-content:center;width:",(c=>c.hasEqualSpacing?"50%":"auto"),";border-bottom-color:",(c=>c.selected?c.selectedTextColor:b.DEFAULT_THEME.colorsV2.background.inactive),";border-bottom-width:",(c=>c.selected?"2px":"1px"),";border-bottom-style:solid;flex-direction:row;cursor:pointer;&:hover{background-color:rgba(0, 0, 0, 0.03);}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFRa0MiLCJmaWxlIjoiVGFicy5zdHlsZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBERUZBVUxUX1RIRU1FIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5pbXBvcnQgeyBCdXR0b25MYXJnZSB9IGZyb20gJy4uL1R5cG9ncmFwaHlTdHlsZSc7XHJcbmV4cG9ydCBjb25zdCBUYWJIZWFkZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmJnQ29sb3J9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW0gPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y29sdW1uLWdhcDogOHB4O1xuXHRwYWRkaW5nOiAxNHB4IDI0cHggMTJweCAyNHB4O1xuXHRwYWRkaW5nLWJvdHRvbTogJHsocHJvcHMpID0+IChwcm9wcy5zZWxlY3RlZCA/ICcxMnB4JyA6ICcxM3B4Jyl9O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0d2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuaGFzRXF1YWxTcGFjaW5nID8gJzUwJScgOiAnYXV0bycpfTtcblx0Ym9yZGVyLWJvdHRvbS1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yXHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5cdGJvcmRlci1ib3R0b20td2lkdGg6ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMnB4JyA6ICcxcHgnKX07XG5cdGJvcmRlci1ib3R0b20tc3R5bGU6IHNvbGlkO1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRjdXJzb3I6IHBvaW50ZXI7XG5cdCY6aG92ZXIge1xuXHRcdGJhY2tncm91bmQtY29sb3I6IHJnYmEoMCwgMCwgMCwgMC4wMyk7XG5cdH1cbmA7XHJcbmV4cG9ydCBjb25zdCBUcmFpbGluZ051bWJlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDZweDtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAyMHB4O1xuXHRoZWlnaHQ6IDIwcHg7XG5cblx0YmFja2dyb3VuZDogJHsocHJvcHMpID0+IHByb3BzLnNlbGVjdGVkXHJcbiAgICA/IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbnZlcnNlTGlnaHRcclxuICAgIDogREVGQVVMVF9USEVNRS5jb2xvcnNWMi5jb250ZW50LnNlY29uZGFyeX07XG5cdGNvbG9yOiAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5wcmltYXJ5SW52ZXJzZX07XG5cdGJvcmRlci1yYWRpdXM6IDEwcHg7XG5gO1xyXG5leHBvcnQgY29uc3QgVGFiSXRlbVRleHQgPSBzdHlsZWQoQnV0dG9uTGFyZ2UpIGBcblx0Y29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZCA/IHByb3BzLnNlbGVjdGVkVGV4dENvbG9yIDogcHJvcHMudGV4dENvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBFbXB0eVRhYiA9IHN0eWxlZC5kaXYgYFxuXHRmbGV4LWdyb3c6IDE7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG5leHBvcnQgY29uc3QgUmlnaHRDb21wb25lbnQgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Ym9yZGVyLWJvdHRvbTogMXB4IHNvbGlkICR7REVGQVVMVF9USEVNRS5jb2xvcnNWMi5iYWNrZ3JvdW5kLmluYWN0aXZlfTtcbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhYnMuc3R5bGVzLmpzLm1hcCJdfQ== */")),d=R.default("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;width:20px;height:20px;background:",(c=>c.selected?b.DEFAULT_THEME.colorsV2.background.inverseLight:b.DEFAULT_THEME.colorsV2.content.secondary),";color:",b.DEFAULT_THEME.colorsV2.content.primaryInverse,";border-radius:10px;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE0QmtEIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogMTRweCAyNHB4IDEycHggMjRweDtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMTJweCcgOiAnMTNweCcpfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJzJweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),I=R.default(G.ButtonLarge,"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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyQytDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogMTRweCAyNHB4IDEycHggMjRweDtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMTJweCcgOiAnMTNweCcpfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJzJweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),x=R.default("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a1"}:{target:"e1yo8x5a1",label:"EmptyTab"})("flex-grow:1;border-bottom:1px solid ",b.DEFAULT_THEME.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4Q21DIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogMTRweCAyNHB4IDEycHggMjRweDtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMTJweCcgOiAnMTNweCcpfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJzJweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */")),y=R.default("div","production"===process.env.NODE_ENV?{target:"e1yo8x5a0"}:{target:"e1yo8x5a0",label:"RightComponent"})("display:flex;align-items:center;border-bottom:1px solid ",b.DEFAULT_THEME.colorsV2.background.inactive,";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhYnMuc3R5bGVzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRHlDIiwiZmlsZSI6IlRhYnMuc3R5bGVzLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgREVGQVVMVF9USEVNRSB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuaW1wb3J0IHsgQnV0dG9uTGFyZ2UgfSBmcm9tICcuLi9UeXBvZ3JhcGh5U3R5bGUnO1xyXG5leHBvcnQgY29uc3QgVGFiSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGJhY2tncm91bmQtY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5iZ0NvbG9yfTtcbmA7XHJcbmV4cG9ydCBjb25zdCBUYWJJdGVtID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGNvbHVtbi1nYXA6IDhweDtcblx0cGFkZGluZzogMTRweCAyNHB4IDEycHggMjRweDtcblx0cGFkZGluZy1ib3R0b206ICR7KHByb3BzKSA9PiAocHJvcHMuc2VsZWN0ZWQgPyAnMTJweCcgOiAnMTNweCcpfTtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5cdHdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLmhhc0VxdWFsU3BhY2luZyA/ICc1MCUnIDogJ2F1dG8nKX07XG5cdGJvcmRlci1ib3R0b20tY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvclxyXG4gICAgOiBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuXHRib3JkZXItYm90dG9tLXdpZHRoOiAkeyhwcm9wcykgPT4gKHByb3BzLnNlbGVjdGVkID8gJzJweCcgOiAnMXB4Jyl9O1xuXHRib3JkZXItYm90dG9tLXN0eWxlOiBzb2xpZDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0Y3Vyc29yOiBwb2ludGVyO1xuXHQmOmhvdmVyIHtcblx0XHRiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDAsIDAsIDAsIDAuMDMpO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgVHJhaWxpbmdOdW1iZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IHJvdztcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0Z2FwOiA2cHg7XG5cdGp1c3RpZnktY29udGVudDogY2VudGVyO1xuXHR3aWR0aDogMjBweDtcblx0aGVpZ2h0OiAyMHB4O1xuXG5cdGJhY2tncm91bmQ6ICR7KHByb3BzKSA9PiBwcm9wcy5zZWxlY3RlZFxyXG4gICAgPyBERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW52ZXJzZUxpZ2h0XHJcbiAgICA6IERFRkFVTFRfVEhFTUUuY29sb3JzVjIuY29udGVudC5zZWNvbmRhcnl9O1xuXHRjb2xvcjogJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmNvbnRlbnQucHJpbWFyeUludmVyc2V9O1xuXHRib3JkZXItcmFkaXVzOiAxMHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFRhYkl0ZW1UZXh0ID0gc3R5bGVkKEJ1dHRvbkxhcmdlKSBgXG5cdGNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuc2VsZWN0ZWQgPyBwcm9wcy5zZWxlY3RlZFRleHRDb2xvciA6IHByb3BzLnRleHRDb2xvcn07XG5gO1xyXG5leHBvcnQgY29uc3QgRW1wdHlUYWIgPSBzdHlsZWQuZGl2IGBcblx0ZmxleC1ncm93OiAxO1xuXHRib3JkZXItYm90dG9tOiAxcHggc29saWQgJHtERUZBVUxUX1RIRU1FLmNvbG9yc1YyLmJhY2tncm91bmQuaW5hY3RpdmV9O1xuYDtcclxuZXhwb3J0IGNvbnN0IFJpZ2h0Q29tcG9uZW50ID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGJvcmRlci1ib3R0b206IDFweCBzb2xpZCAke0RFRkFVTFRfVEhFTUUuY29sb3JzVjIuYmFja2dyb3VuZC5pbmFjdGl2ZX07XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWJzLnN0eWxlcy5qcy5tYXAiXX0= */"));exports.EmptyTab=x,exports.RightComponent=y,exports.TabHeader=Z,exports.TabItem=X,exports.TabItemText=I,exports.TrailingNumberContainer=d;

package/dist/cjs/components/tabs/index.d.ts

@@ -0,0 +1 @@
+export * from './Tabs';

package/dist/cjs/components/tag/Tag.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { TagProps } from './model';
 export declare const Tag: {
-    ({ tagText, LeadingIcon, TrailingIcon, theme, type, variant, }: TagProps): JSX.Element;
+    ({ tagText, LeadingIcon, TrailingIcon, onLeadingIconClicked, leadingIconId, trailingIconId, onTrailingIconClicked, theme, type, variant, }: TagProps): JSX.Element;
     displayName: string;
 };

package/dist/cjs/components/tag/Tag.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../TypographyStyle.js"),r=require("./model.js"),i=require("./Tag.styled.js"),s=require("./themes.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=n(t);const c=t=>{let{tagText:n,LeadingIcon:c,TrailingIcon:o,theme:d="light",type:g="neutral",variant:u="regular"}=t,j=n,p=d,y=g;r.ValidTagTypeMap[u][g]||(y="neutral"),"circle"===u&&(p="dark","number"==typeof j&&j>99&&(j="99+"));const h={height:16,width:16,color:s.getTagIconColor(d,y),style:{display:"block"}};return e.jsx(i.Tag,Object.assign({theme:p,type:g,variant:u},{children:e.jsxs("div",Object.assign({className:"container"},{children:[c&&e.jsx("div",Object.assign({className:"icon-trailing"},{children:l.default.createElement(c,h)})),e.jsx(a.BodyCaption,Object.assign({className:"text"},{children:j})),o&&e.jsx("div",Object.assign({className:"icon-leading"},{children:l.default.createElement(o,h)}))]}))}))};c.displayName="Tag",exports.Tag=c;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),a=require("../TypographyStyle.js"),t=require("./model.js"),n=require("./Tag.styled.js"),r=require("./themes.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=c(i);const l=i=>{let{tagText:c,LeadingIcon:l,TrailingIcon:o,onLeadingIconClicked:d,leadingIconId:g,trailingIconId:u,onTrailingIconClicked:p,theme:j="light",type:b="neutral",variant:y="regular"}=i,h=c,m=j,T=b;t.ValidTagTypeMap[y][b]||(T="neutral"),"circle"===y&&(m="dark","number"==typeof h&&h>99&&(h="99+"));const x={height:16,width:16,color:r.getTagIconColor(j,T),style:{display:"block"}};return e.jsx(n.Tag,Object.assign({theme:m,type:b,variant:y},{children:e.jsxs("div",Object.assign({className:"container"},{children:[l&&e.jsx("button",Object.assign({className:"icon-leading",onClick:d,id:`${g}-wrapper`||"leading-icon-wrapper"},{children:s.default.createElement(l,Object.assign(Object.assign({},x),{id:g||"leading-icon"}))})),e.jsx(a.BodyCaption,Object.assign({className:"text"},{children:h})),o&&e.jsx("button",Object.assign({className:"icon-trailing",onClick:p,id:`${u}-wrapper`||"trailing-icon-wrapper"},{children:s.default.createElement(o,Object.assign(Object.assign({},x),{id:u||"trailing-icon"}))}))]}))}))};l.displayName="Tag",exports.Tag=l;

package/dist/cjs/components/tag/Tag.styled.d.ts

@@ -1,6 +1,10 @@
+/// <reference types="react" />
 import { TagTheme, TagType, TagVariant } from './model';
-export declare const Tag: import("styled-components").StyledComponent<"div", any, {
+export declare const Tag: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     theme: TagTheme;
     type: TagType;
     variant: TagVariant;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/tag/Tag.styled.js

@@ -1,26 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),r=require("./themes.js");function t(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=t(e).default.div`
-	cursor: default;
-	${e=>"regular"===e.variant?"display: block;":""}
-	${e=>"circle"===e.variant&&"height: 20px;"}
-	.container {
-		display: flex;
-		gap: 6px;
-		padding: ${e=>r.getPadding(e.variant)};
-
-		background-color: ${e=>r.getBackgroundColor(e.theme,e.type)};
-
-		border-radius: ${e=>"regular"===e.variant?"4px":"12px"};
-
-		${e=>"light"===e.theme&&`border: 1px solid ${r.generateBorder(e.type)};`}
-
-		.text {
-			color: ${e=>r.getTextColor(e.theme,e.type)};
-		}
-
-		.icon-trailing {
-		}
-
-		.icon-leading {
-		}
-	}
-`;exports.Tag=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("./themes.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const l=d(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:default;",(c=>"regular"===c.variant?"display: block;\n\t\t     height: 26px;\n\t\t":"height: 20px;")," .container{display:flex;align-items:center;gap:6px;padding:",(c=>e.getPadding(c.variant)),";background-color:",(c=>e.getBackgroundColor(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>"light"===c.theme&&`border: 1px solid ${e.generateBorder(c.type)};`)," .text{color:",(c=>e.getTextColor(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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6IGRlZmF1bHQ7XG5cdCR7KHByb3BzKSA9PiBwcm9wcy52YXJpYW50ID09PSAncmVndWxhcidcclxuICAgID8gYGRpc3BsYXk6IGJsb2NrO1xuXHRcdCAgICAgaGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYGhlaWdodDogMjBweDtgfVxuXHQuY29udGFpbmVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiA2cHg7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IGdldFBhZGRpbmcocHJvcHMudmFyaWFudCl9O1xuXG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IGdldEJhY2tncm91bmRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXG5cdFx0Ym9yZGVyLXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy52YXJpYW50ID09PSAncmVndWxhcicgPyAnNHB4JyA6ICcxMnB4Jyl9O1xuXG5cdFx0JHsocHJvcHMpID0+IHByb3BzLnRoZW1lID09PSAnbGlnaHQnICYmXHJcbiAgICBgYm9yZGVyOiAxcHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRhZy5zdHlsZWQuanMubWFwIl19 */"));exports.Tag=l;

package/dist/cjs/components/tag/model.d.ts

@@ -1,4 +1,5 @@
-/// <reference types="react" />
+import React from 'react';
+import { MouseEventHandler } from 'react';
 export type TagTheme = 'light' | 'dark';
 export type TagVariant = 'regular' | 'circle';
 export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey';
@@ -21,7 +22,7 @@ export declare const ValidTagTypeMap: {
         grey: boolean;
     };
 };
-export interface TagProps {
+export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
     /**
      * Set the theme of the Tag
      * @default default light
@@ -38,16 +39,34 @@ export interface TagProps {
      */
     variant?: TagVariant;
     /**
-     * The icon component that is the left of the text
+     * The icon component that is the right of the text
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
      * @default undefined
      */
     TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
     /**
-     * The icon component that is to the right of the text
+     * The right icon id,
+     * @default trailing-icon
+     */
+    trailingIconId?: string;
+    /**
+     * The left icon on click event, defaults to () => {}
+     */
+    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The icon component that is to the left of the text
      * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
      * @default undefined
      */
     LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The left icon id,
+     * @default leading-icon
+     */
+    leadingIconId?: string;
     tagText: string | number;
 }

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const e={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue,circle:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant,circle:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant,circle:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant,circle:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},grey:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.content.secondary,circle:r.COLORS.content.secondary}}};exports.generateBorder=r=>e[r].border,exports.getBackgroundColor=(r,t)=>e[t].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,t)=>e[t].iconColor[r],exports.getTextColor=(r,t)=>e[t].textColor[r];
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var r=require("../../constants/Theme.js");const e={blue:{iconColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.blue,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.blue.lightAlt,backgroundColor:{light:r.COLORS.background.blue.light,dark:r.COLORS.content.blue,circle:r.COLORS.content.blue}},purple:{iconColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.background.inverseLight,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.brandLightAlt,backgroundColor:{light:r.COLORS.background.brandLight,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverse}},negative:{iconColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.negative,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.negative.lightAlt,backgroundColor:{light:r.COLORS.background.negative.light,dark:r.COLORS.background.negative.vibrant,circle:r.COLORS.background.negative.vibrant}},positive:{iconColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.positive,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.positive.lightAlt,backgroundColor:{light:r.COLORS.background.positive.light,dark:r.COLORS.background.positive.vibrant,circle:r.COLORS.background.positive.vibrant}},warning:{iconColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},textColor:{light:r.COLORS.content.warning,dark:r.COLORS.content.primary},border:r.COLORS.stroke.warning.lightAlt,backgroundColor:{light:r.COLORS.background.warning.light,dark:r.COLORS.background.warning.vibrant,circle:r.COLORS.background.warning.vibrant}},neutral:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},white:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.standard,dark:r.COLORS.background.inverse,circle:r.COLORS.background.inverseLight}},grey:{iconColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},textColor:{light:r.COLORS.content.secondary,dark:r.COLORS.content.primaryInverse},border:r.COLORS.stroke.primary,backgroundColor:{light:r.COLORS.surface.subdued,dark:r.COLORS.content.secondary,circle:r.COLORS.content.secondary}}};exports.generateBorder=r=>e[r].border,exports.getBackgroundColor=(r,t)=>e[t].backgroundColor[r],exports.getPadding=r=>"regular"===r?"4px 8px":"2px 6px",exports.getTagIconColor=(r,t)=>e[t].iconColor[r],exports.getTextColor=(r,t)=>e[t].textColor[r];

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

@@ -17,5 +17,6 @@ export interface TemplateContextMapperProps {
     showOnlyContent?: boolean;
     onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables, display_content?: string): string | void;
     whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    zIndex?: number;
 }
-export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, }: TemplateContextMapperProps) => JSX.Element;
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, zIndex, }: TemplateContextMapperProps) => JSX.Element;

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../utils/StringUtils.js"),a=require("../modals/styledModal.js"),r=require("../template-preview/models/Channels.js"),s=require("./context/templateModalContext.js"),i=require("./modalElements/Footer.js"),o=require("./modalElements/TemplateSelectModalContent.js"),n=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=d=>{let{selectedTemplate:c,closeDialog:u,showVariableMapping:p,channel:m,htmlContent:h,templateVariables:j,onTemplateSelect:g,globalPlaceholders:v,showOnlyContent:E,whatsappSpecificPickerMeta:S}=d;var C,M;t.useEffect((()=>{x(h)}),[h]);const[P,T]=t.useState(m===r.CHANNEL_TYPE.EMAIL?"desktop":"mobile"),[b,x]=t.useState(h),[f,L]=t.useState(!1),[q,w]=t.useState(c),[y,A]=t.useState(null!=j?j:[]);const N=t.useMemo((()=>n.convertPlaceholdersToBikDropdown(v)),[v]);return e.jsx(s.TemplateModalContext.Provider,Object.assign({value:{template:q,setTemplate:w,device:P,setDevice:T,display_content:b,setDisplayContent:x,originalVariableList:y,setOriginalVariableList:A,isError:f,setIsError:L,channel:m,globalNormalizedPlaceholders:N}},{children:E?e.jsx(o.default,{channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(a.StyledModal,Object.assign({centralContainerStyles:{width:m===r.CHANNEL_TYPE.EMAIL&&p?1e3:650},open:!0,onClose:()=>{null==u||u()},headingTitle:null==q?void 0:q.label,headingSubtitle:m===r.CHANNEL_TYPE.WHATSAPP?`${l.default.capitaliseFirstLetterOfString(null!==(C=null==q?void 0:q.category)&&void 0!==C?C:"")} • ${null!==(M=null==q?void 0:q.templateCategory)&&void 0!==M?M:""}`:""},{children:[e.jsx(o.default,{showVariableMapping:p,channel:m,whatsappSpecificPickerMeta:S}),g?e.jsx(i.default,{onSelect:function(){const e=null==g?void 0:g(q,y,null!=b?b:"");e&&L(!!e)}}):e.jsx(e.Fragment,{})]}))}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("../../utils/StringUtils.js"),a=require("../modals/styledModal.js"),r=require("../template-preview/models/Channels.js"),i=require("./context/templateModalContext.js"),s=require("./modalElements/Footer.js"),n=require("./modalElements/TemplateSelectModalContent.js"),o=require("./utils/convertPlaceholdersToBikDropdown.js");exports.TemplateContextMapper=d=>{let{selectedTemplate:c,closeDialog:u,showVariableMapping:p,channel:m,htmlContent:h,templateVariables:g,onTemplateSelect:S,globalPlaceholders:j,showOnlyContent:T,whatsappSpecificPickerMeta:v,zIndex:E}=d;var x,C;t.useEffect((()=>{f(h)}),[h]);const[M,P]=t.useState(m===r.CHANNEL_TYPE.EMAIL?"desktop":"mobile"),[b,f]=t.useState(h),[L,q]=t.useState(!1),[w,y]=t.useState(c),[A,N]=t.useState(null!=g?g:[]),[_,H]=t.useState(!1);const I=t.useMemo((()=>o.convertPlaceholdersToBikDropdown(j)),[j]);return e.jsx(i.TemplateModalContext.Provider,Object.assign({value:{template:w,setTemplate:y,device:M,setDevice:P,display_content:b,setDisplayContent:f,originalVariableList:A,setOriginalVariableList:N,isError:L,setIsError:q,channel:m,globalNormalizedPlaceholders:I,templateSelectionTriggered:_,setTemplateSelectionTriggered:H}},{children:T?e.jsx(n.default,{channel:r.CHANNEL_TYPE.EMAIL,hideHeader:!0}):e.jsxs(a.StyledModal,Object.assign({zIndex:E,centralContainerStyles:{width:m===r.CHANNEL_TYPE.EMAIL&&p?1e3:650},open:!0,onClose:()=>{null==u||u()},headingTitle:null==w?void 0:w.label,headingSubtitle:m===r.CHANNEL_TYPE.WHATSAPP?`${l.default.capitaliseFirstLetterOfString(null!==(x=null==w?void 0:w.category)&&void 0!==x?x:"")} • ${null!==(C=null==w?void 0:w.templateCategory)&&void 0!==C?C:""}`:""},{children:[e.jsx(n.default,{showVariableMapping:p,channel:m,whatsappSpecificPickerMeta:v}),S?e.jsx(s.default,{onSelect:function(){const e=null==S?void 0:S(w,A,null!=b?b:"");e?q(!!e):H(!0)}}):e.jsx(e.Fragment,{})]}))}))};

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

@@ -19,6 +19,8 @@ export declare const TemplateModalContext: React.Context<{
     isError: boolean;
     setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+    templateSelectionTriggered: boolean;
+    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
 }>;
 export declare const useTemplateModalContext: () => {
     device: DEVICE_TYPES;
@@ -34,4 +36,6 @@ export declare const useTemplateModalContext: () => {
     isError: boolean;
     setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
     globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+    templateSelectionTriggered: boolean;
+    setTemplateSelectionTriggered?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../template-preview/models/Channels.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=l(e).default.createContext({device:"desktop",display_content:null,originalVariableList:[],channel:t.CHANNEL_TYPE.EMAIL,template:null,isError:!1});exports.TemplateModalContext=r,exports.useTemplateModalContext=()=>e.useContext(r);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("../../template-preview/models/Channels.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const r=l(e).default.createContext({device:"desktop",templateSelectionTriggered:!1,display_content:null,originalVariableList:[],channel:t.CHANNEL_TYPE.EMAIL,template:null,isError:!1});exports.TemplateModalContext=r,exports.useTemplateModalContext=()=>e.useContext(r);

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

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

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),a=require("../../helpers/FileUploaderHelper.js"),r=require("../../template-preview/models/TemplateMeta.js"),l=require("./EditMediaV2.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(i);exports.default=n=>{let{mediaComponent:u,template:d,updateTemplateImageUrl:s,whatsappSpecificPickerMeta:c}=n;var p,f;const m=o.default.createRef(),[v,E]=i.useState(!1),[g,_]=i.useState("");let h;return h=u.format===r.HEADER_TYPES.IMAGE?"image/png, image/jpeg":u.format===r.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",t.jsxs(t.Fragment,{children:[t.jsx("input",{ref:m,style:{display:"none"},type:"file",onChange:function(t){var i,l;return e.__awaiter(this,void 0,void 0,(function*(){_(""),E(!0);const e=new a.FileUploaderHelper,n=null===(i=t.target.files)||void 0===i?void 0:i[0];if(n instanceof Blob){const t=e.validate(n);if(t)_(t),E(!1);else{const e=u.format===r.HEADER_TYPES.IMAGE,t=yield c.uploadMediaFiles({file:n,fileName:n.name,isImage:e});if(t.success){const[e]=n.type.split("/");s(null!==(l=t.url)&&void 0!==l?l:"","application"===e?r.HEADER_TYPES.DOCUMENT:r.HEADER_TYPES[e.toUpperCase()])}else _("An unknown technical error occured");E(!1)}}else _("An unknown technical error occured"),E(!1)}))},accept:h}),t.jsx(l.default,{imageName:null!==(f=null===(p=null==u?void 0:u.example)||void 0===p?void 0:p.header_handle)&&void 0!==f?f:[],handleImageChange:function(){var e;(null===(e=null==m?void 0:m.current)||void 0===e?void 0:e.click)&&m.current.click()},mediaType:null==u?void 0:u.format,error:g,isLoading:v})]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),i=require("../../helpers/FileUploaderHelper.js"),a=require("../../image-cropper/BikImageCropper.js");require("../../image-compress/ImageCompress.js"),require("../../states/StateComponent.js"),require("../../modals/modal.styled.js"),require("../../../constants/Theme.js"),require("../../spinner/Spinner.js"),require("../../modals/styledModal.js");var o=require("../../template-preview/models/TemplateMeta.js"),n=require("./EditMediaV2.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=l(t);exports.default=l=>{let{mediaComponent:u,template:d,updateTemplateImageUrl:c,whatsappSpecificPickerMeta:p}=l;var m,f;const[v,E]=t.useState(void 0),[j,g]=t.useState(),h=s.default.createRef(),[_,q]=t.useState(!1),[S,y]=t.useState("");function A(r){var t;return e.__awaiter(this,void 0,void 0,(function*(){const e=new i.FileUploaderHelper;if(r instanceof Blob){const i=e.validate(r);if(i)y(i),q(!1);else{const e=u.format===o.HEADER_TYPES.IMAGE,i=yield p.uploadMediaFiles({file:r,fileName:v,isImage:e});if(i.success){const[e]=r.type.split("/");c(null!==(t=i.url)&&void 0!==t?t:"","application"===e?o.HEADER_TYPES.DOCUMENT:o.HEADER_TYPES[e.toUpperCase()])}else y("An unknown technical error occured");q(!1)}}else y("An unknown technical error occured"),q(!1)}))}let C;return C=u.format===o.HEADER_TYPES.IMAGE?"image/png, image/jpeg":u.format===o.HEADER_TYPES.VIDEO?"video/mp4":"application/pdf",r.jsxs(r.Fragment,{children:[!!j&&r.jsx(a.BikImageCropper,{src:j,onCropComplete:function(r){return e.__awaiter(this,void 0,void 0,(function*(){q(!1),y("");const e=yield fetch(r);A(yield e.blob()).then((()=>{g(void 0)}))}))},onCancel:()=>{q(!1),g("")}}),r.jsx("input",{ref:h,style:{display:"none"},type:"file",onChange:function(e){var r;y(""),q(!0);const t=null===(r=e.target.files)||void 0===r?void 0:r[0];if(u.format===o.HEADER_TYPES.IMAGE){const e=new FileReader;g(""),E(""),e.onload=()=>{g(e.result),E(null==t?void 0:t.name)},t&&e.readAsDataURL(t)}else A(t)},accept:C}),r.jsx(n.default,{imageName:null!==(f=null===(m=null==u?void 0:u.example)||void 0===m?void 0:m.header_handle)&&void 0!==f?f:[],handleImageChange:function(){var e;(null===(e=null==h?void 0:h.current)||void 0===e?void 0:e.click)&&h.current.click()},mediaType:null==u?void 0:u.format,error:S,isLoading:_})]})};

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../../constants/Theme.js");var r=require("../../template-preview/models/Channels.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l=o(i);const n=l.default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("styled-components"),a=require("../../template-preview/TemplatePreview.js");require("../../template-preview/WhatsApp/WhatsAppLikePreview.js"),require("../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js"),require("../../../constants/Theme.js"),require("../../template-preview/models/TemplateMeta.js");var r=require("../../template-preview/models/Channels.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=o(t),l=o(i);const p=l.default.div`
 	position: relative;
 	height: 100%;
 	border-radius: 31px;
@@ -6,7 +6,7 @@
 	background-color: white;
 	margin: auto;
 	overflow-y: auto;
-`,p=l.default.div`
+`,n=l.default.div`
 	position: absolute;
 	flex: 1;
 	background-color: white;
@@ -17,4 +17,4 @@
 	height: calc(100% - 17px);
 	border-radius: 16px;
 	overflow-y: auto;
-`,c=s.default.forwardRef(((t,i)=>{let{display_content:o,channel:s,template:l}=t;return e.jsx("div",{children:e.jsxs(n,Object.assign({channel:s},{children:[e.jsx("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:s===r.CHANNEL_TYPE.WHATSAPP?236:213,height:443}}),e.jsx(p,Object.assign({ref:i},{children:e.jsx(a.TemplatePreview,{template:l,channel:s,smsSpecificMeta:{smsDisplayContent:o},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:!0,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));c.displayName="MobilePreview",exports.default=c;
+`,c=s.default.forwardRef(((t,i)=>{let{display_content:o,channel:s,template:l}=t;return e.jsx("div",{children:e.jsxs(p,Object.assign({channel:s},{children:[e.jsx("img",{alt:"",src:"https://firebasestorage.googleapis.com/v0/b/staging-bikayi.appspot.com/o/bik%2FkNwEVoGlLpVjOsXoO1M8WgvWicP2%2F6f07b850-8b4b-4d58-96cc-8ba6df7b4e4a-Device___Frame.jpg?alt=media&token=253f1bfe-8481-4f54-bdef-3c0a73697d6a",style:{width:s===r.CHANNEL_TYPE.WHATSAPP?236:213,height:443}}),e.jsx(n,Object.assign({ref:i},{children:e.jsx(a.TemplatePreview,{template:l,channel:s,smsSpecificMeta:{smsDisplayContent:o},whatsAppSpecificMeta:{showWhatsAppHeader:!0,whatsAppExtras:!0,containerStyle:{border:"none",borderBottomRightRadius:0,borderBottomLeftRadius:0,minHeight:426}},size:"small",hideHeader:!0,emailSpecificMeta:{emailDisplayContent:o,hideViewButtonForEmail:!0,emailHtmlContainerId:"template_html_mobile",containerStyle:{height:"100%"},templateContainerStyles:{height:"100%"}}})}))]}))})}));c.displayName="MobilePreview",exports.default=c;

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

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),n=require("../../dropdown/Dropdown.js"),a=require("../../input/Input.js"),o=require("../../template-preview/constants/regexPatterns.js"),i=require("../../template-preview/models/Channels.js"),u=require("../../TypographyStyle.js"),s=require("../../../utils/StringUtils.js"),d=require("../../../constants/Theme.js"),r=require("../context/templateModalContext.js"),c=require("../utils/getVariableNameEmail.js"),v=require("../utils/validateIsUrl.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const m=p(l).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),n=require("../../dropdown/Dropdown.js"),i=require("../../input/Input.js"),o=require("../../template-preview/constants/regexPatterns.js"),a=require("../../template-preview/models/Channels.js"),u=require("../../TypographyStyle.js"),s=require("../../../utils/StringUtils.js"),r=require("../../../constants/Theme.js"),d=require("../context/templateModalContext.js"),c=require("../utils/getVariableNameEmail.js"),v=require("../utils/validateIsUrl.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const m=p(l).default.div`
 	/* surface/$color-background-warning-light */
 
-	background: ${e=>e.focused&&e.channel===i.CHANNEL_TYPE.EMAIL?d.COLORS.background.warning.light:"transparent"};
+	background: ${e=>e.focused&&e.channel===a.CHANNEL_TYPE.EMAIL?r.COLORS.background.warning.light:"transparent"};
 	border-radius: 4px;
 	padding: 8px 10px;
-`,b={value:"custom_link",label:"Custom URL"},E={value:"custom_text",label:"Custom text"};exports.Container=m,exports.default=l=>{let{onFocus:p,variable:g,index:_}=l;var x;const[A,j]=t.useState(!1),[N,P]=t.useState(""),[L,T]=t.useState([]),[h,C]=t.useState(),{device:y,channel:O,isError:f,originalVariableList:k,template:H,setTemplate:S,setDisplayContent:Y,setOriginalVariableList:M,globalNormalizedPlaceholders:q}=r.useTemplateModalContext();function I(e,t){var l,n;const a="custom_link"===t?"link":"custom_text"===t?"string":t;if(O!==i.CHANNEL_TYPE.WHATSAPP){const n=c.getVariableNameForEmailByIndex(_+1),o=null===document||void 0===document?void 0:document.getElementById("mobile"===y?"template_html_mobile":"template_html_desktop"),u=O===i.CHANNEL_TYPE.EMAIL?null===(l=null==o?void 0:o.contentWindow)||void 0===l?void 0:l.document.getElementById(n):document.getElementById(n);u&&("custom_text"===t&&!e||"custom_link"===t&&O===i.CHANNEL_TYPE.EMAIL||"custom_link"===t&&O===i.CHANNEL_TYPE.MESSAGE&&!e?u.textContent=g.variableName:u.textContent=e);const s=k.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:a,updatedValue:e}):t));null==M||M(s)}if(O===i.CHANNEL_TYPE.WHATSAPP){const t=null===(n=k.body)||void 0===n?void 0:n.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:a,updatedValue:e}):t));null==M||M((e=>Object.assign(Object.assign({},e),{body:t,buttons:k.buttons})))}}function V(e,t){var l;const n=Object.assign({},H),a=null===(l=null==n?void 0:n.components)||void 0===l?void 0:l.map((l=>{var n,a,o,i,u;const s=Object.assign({},l);if("BODY"===l.type&&(null===(a=null===(n=l.example)||void 0===n?void 0:n.body_text)||void 0===a?void 0:a[0])){const l=[...null!==(u=null===(i=null===(o=s.example)||void 0===o?void 0:o.body_text)||void 0===i?void 0:i[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const n=Object.assign(Object.assign({},s.example),{body_text:[l]});return Object.assign(Object.assign({},s),{example:n})}return l}));n.components=a,null==S||S(n)}return t.useEffect((()=>{A&&(null==p||p())}),[A]),t.useEffect((()=>{var e;const t=[];let l=[];if(O===i.CHANNEL_TYPE.MESSAGE){const e=null!=q?q:[];T([{label:"",options:[E,b]},...e]),l=[{label:"",options:[E,b]},...e]}else{"link"===(null==g?void 0:g.type)?(t.push({label:"",options:[b,E]}),C(b)):(t.push({label:"",options:[b,E]}),C(E));const e=null!=q?q:[];T([...t,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:s.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})}))]),l=[...t,...e]}if((O===i.CHANNEL_TYPE.WHATSAPP||O===i.CHANNEL_TYPE.EMAIL||O===i.CHANNEL_TYPE.MESSAGE)&&g.updatedValue)if(o.placeHolderNamePattern.test(g.updatedValue)&&O===i.CHANNEL_TYPE.WHATSAPP||g.updatedValue.startsWith("{{")&&O!==i.CHANNEL_TYPE.WHATSAPP){let e={label:"",value:""};const t=O===i.CHANNEL_TYPE.WHATSAPP?g.updatedValue.replace("[[","").replace("]]",""):g.updatedValue.replace("{{","").replace("}}","");l.map((l=>{l.options.map((l=>{var n;(null===(n=l.value)||void 0===n?void 0:n.replace("{{","").replace("}}",""))===t&&(e=l)}))})),e.value&&C(e)}else(null===(e=g.updatedValue)||void 0===e?void 0:e.startsWith("https"))?(C(b),P(g.updatedValue.split("https://")[1])):(C(E),P(g.updatedValue))}),[]),e.jsxs(m,Object.assign({channel:O,focused:A,onMouseEnter:()=>j(!0),onMouseLeave:()=>j(!1)},{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(u.BodySecondary,Object.assign({style:{color:f&&!h?d.COLORS.content.negative:d.COLORS.content.primary}},{children:[null===(x=g.variableName)||void 0===x?void 0:x.replace("{{","").replace("}}","")," ","link"===(null==g?void 0:g.type)?"link":"variable"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(n.Dropdown,{options:L,isSearchable:!1,onSelect:function(e,t){var l,n,a;const o=e;P(""),C(o),O===i.CHANNEL_TYPE.WHATSAPP?"custom_text"!==o.value&&"custom_link"!==o.value?(I(null!==(l=o.value)&&void 0!==l?l:"","string"),null==V||V(null!==(n=g.index)&&void 0!==n?n:0,`[[${o.value}]]`)):(null==V||V(null!==(a=g.index)&&void 0!==a?a:0,g.variableName),I("","url"===o.bikPlaceholderType?"link":"string")):"custom_text"!==o.value&&"custom_link"!==o.value?I(o.value,"url"===o.bikPlaceholderType?"link":"string"):(P(""),I("",o.value))},defaultOptions:h?[Object.assign(Object.assign({},h),{selected:!0})]:[]})})),("custom_text"===(null==h?void 0:h.value)||"custom_link"===(null==h?void 0:h.value))&&e.jsx(a.Input,{labelText:"custom_text"===(null==h?void 0:h.value)?"Custom text value":"custom_link"===(null==h?void 0:h.value)?"Custom URL value":"",id:`variable-value-${null==h?void 0:h.value}-${_}`,value:N,errorMessage:f?N?"custom_link"!==h.value||v.validateIsUrl(N)?"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==h?void 0:h.value)?void 0:30,prefixText:"custom_link"===(null==h?void 0:h.value)?"https://":"",placeholder:"link"===g.type||"custom_link"===h.value?"Enter custom URL here":"Enter custom text here",onBlur:e=>function(e){var t,l,n,a,o;const u="mobile"===y?"template_html_mobile":"template_html_desktop",s=document.getElementById(u),d=(null!==(a=null===(n=null===(l=null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document)||void 0===l?void 0:l.body)||void 0===n?void 0:n.innerHTML)&&void 0!==a?a:"")+(null===(o=null==s?void 0:s.contentWindow)||void 0===o?void 0:o.document.head.innerHTML);O===i.CHANNEL_TYPE.EMAIL&&(null==Y||Y(d))}(e.target.value),onChangeText:e=>function(e,t){var l;P(t);const n="custom_link"===(null==h?void 0:h.value)?`https://${t}`:t;I(n,e),O===i.CHANNEL_TYPE.WHATSAPP&&(null==V||V(null!==(l=g.index)&&void 0!==l?l:0,n))}(h.value,e)})]}))};
+`,b={value:"custom_link",label:"Custom URL"},g={value:"custom_text",label:"Custom text"};exports.Container=m,exports.default=l=>{let{onFocus:p,variable:E,index:_}=l;var x;const[j,A]=t.useState(!1),[P,N]=t.useState(""),[h,T]=t.useState([]),[f,y]=t.useState(),{device:L,channel:C,isError:O,originalVariableList:k,template:H,templateSelectionTriggered:S,setTemplate:Y,setDisplayContent:q,setOriginalVariableList:M,globalNormalizedPlaceholders:I}=d.useTemplateModalContext();function V(e,t){var l,n;const i="custom_link"===t?"link":"custom_text"===t?"string":t;if(C!==a.CHANNEL_TYPE.WHATSAPP){const n=c.getVariableNameForEmailByIndex(_+1),o=null===document||void 0===document?void 0:document.getElementById("mobile"===L?"template_html_mobile":"template_html_desktop"),u=C===a.CHANNEL_TYPE.EMAIL?null===(l=null==o?void 0:o.contentWindow)||void 0===l?void 0:l.document.getElementById(n):document.getElementById(n);u&&(u.textContent="custom_text"!==t&&"custom_link"!==t||e?e:E.variableName);const s=k.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:i,updatedValue:e}):t));null==M||M(s)}if(C===a.CHANNEL_TYPE.WHATSAPP){const t=null===(n=k.body)||void 0===n?void 0:n.map(((t,l)=>l===_?Object.assign(Object.assign({},t),{type:i,updatedValue:e}):t));null==M||M((e=>Object.assign(Object.assign({},e),{body:t,buttons:k.buttons})))}}function W(e,t){var l;const n=Object.assign({},H),i=null===(l=null==n?void 0:n.components)||void 0===l?void 0:l.map((l=>{var n,i,o,a,u;const s=Object.assign({},l);if("BODY"===l.type&&(null===(i=null===(n=l.example)||void 0===n?void 0:n.body_text)||void 0===i?void 0:i[0])){const l=[...null!==(u=null===(a=null===(o=s.example)||void 0===o?void 0:o.body_text)||void 0===a?void 0:a[0])&&void 0!==u?u:[]];l[e]=t.replace("{{","").replace("}}","").replace("((","").replace("))","");const n=Object.assign(Object.assign({},s.example),{body_text:[l]});return Object.assign(Object.assign({},s),{example:n})}return l}));n.components=i,null==Y||Y(n)}return t.useEffect((()=>{j&&(null==p||p())}),[j]),t.useEffect((()=>{!function(){var e,t,l,n,i;const o="mobile"===L?"template_html_mobile":"template_html_desktop",u=document.getElementById(o),s=(null!==(n=null===(l=null===(t=null===(e=null==u?void 0:u.contentWindow)||void 0===e?void 0:e.document)||void 0===t?void 0:t.body)||void 0===l?void 0:l.innerHTML)&&void 0!==n?n:"")+(null===(i=null==u?void 0:u.contentWindow)||void 0===i?void 0:i.document.head.innerHTML);C===a.CHANNEL_TYPE.EMAIL&&(null==q||q(s))}()}),[S]),t.useEffect((()=>{var e;const t=[];let l=[];if(C===a.CHANNEL_TYPE.MESSAGE){const e=null!=I?I:[];T([{label:"",options:[g,b]},...e]),l=[{label:"",options:[g,b]},...e]}else{"link"===(null==E?void 0:E.type)?(t.push({label:"",options:[b,g]}),y(b)):(t.push({label:"",options:[b,g]}),y(g));const e=null!=I?I:[];T([...t,...e.map((e=>{var t,l;return Object.assign(Object.assign({},e),{label:s.default.toCapitilize(null===(l=null===(t=e.label)||void 0===t?void 0:t.replace(/([A-Z])/g," $1"))||void 0===l?void 0:l.toLowerCase())})}))]),l=[...t,...e]}if((C===a.CHANNEL_TYPE.WHATSAPP||C===a.CHANNEL_TYPE.EMAIL||C===a.CHANNEL_TYPE.MESSAGE)&&E.updatedValue)if(o.placeHolderNamePattern.test(E.updatedValue)&&C===a.CHANNEL_TYPE.WHATSAPP||E.updatedValue.startsWith("{{")&&C!==a.CHANNEL_TYPE.WHATSAPP){const e=function(e,t,l){let n={label:"",value:""};const i=l===a.CHANNEL_TYPE.WHATSAPP?e.replace("[[","").replace("]]",""):e.replace("{{","").replace("}}","");return t.map((e=>{e.options.map((e=>{var t;(null===(t=e.value)||void 0===t?void 0:t.replace("{{","").replace("}}","").trim())===i.trim()&&(n=e)}))})),n}(E.updatedValue,l,C);e.value&&y(e)}else(null===(e=E.updatedValue)||void 0===e?void 0:e.startsWith("https"))?(y(b),N(E.updatedValue.split("https://")[1])):(y(g),N(E.updatedValue))}),[]),e.jsxs(m,Object.assign({channel:C,focused:j,onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1)},{children:[e.jsx("div",Object.assign({style:{marginBottom:8}},{children:e.jsxs(u.BodySecondary,Object.assign({style:{color:O&&!f?r.COLORS.content.negative:r.COLORS.content.primary}},{children:[null===(x=E.variableName)||void 0===x?void 0:x.replace("{{","").replace("}}","")," ","link"===(null==E?void 0:E.type)?"link":"variable"]}))})),e.jsx("div",Object.assign({style:{marginBottom:12}},{children:e.jsx(n.Dropdown,{options:h,isSearchable:!1,onSelect:function(e,t){var l,n,i;const o=e;N(""),y(o),C===a.CHANNEL_TYPE.WHATSAPP?"custom_text"!==o.value&&"custom_link"!==o.value?(V(null!==(l=o.value)&&void 0!==l?l:"","string"),null==W||W(null!==(n=E.index)&&void 0!==n?n:0,`[[${o.value}]]`)):(null==W||W(null!==(i=E.index)&&void 0!==i?i:0,E.variableName),V("","url"===o.bikPlaceholderType?"link":"string")):"custom_text"!==o.value&&"custom_link"!==o.value?V(o.value,"url"===o.bikPlaceholderType?"link":"string"):(N(""),V("",o.value))},defaultOptions:f?[Object.assign(Object.assign({},f),{selected:!0})]:[]})})),("custom_text"===(null==f?void 0:f.value)||"custom_link"===(null==f?void 0:f.value))&&e.jsx(i.Input,{labelText:"custom_text"===(null==f?void 0:f.value)?"Custom text value":"custom_link"===(null==f?void 0:f.value)?"Custom URL value":"",id:`variable-value-${null==f?void 0:f.value}-${_}`,value:P,errorMessage:O?P?"custom_link"!==f.value||v.validateIsUrl(P)?"":"Enter valid URL":"Required field":"",maxCharLimit:"custom_link"===(null==f?void 0:f.value)?void 0:30,prefixText:"custom_link"===(null==f?void 0:f.value)?"https://":"",placeholder:"link"===E.type||"custom_link"===f.value?"Enter custom URL here":"Enter custom text here",onChangeText:e=>function(e,t){var l;N(t);const n="custom_link"===(null==f?void 0:f.value)?`https://${t}`:t;V(n,e),C===a.CHANNEL_TYPE.WHATSAPP&&(null==W||W(null!==(l=E.index)&&void 0!==l?l:0,n))}(f.value,e)})]}))};