@bikdotai/bik-component-library 0.0.13-beta.4 → 0.0.13-beta.40

package/dist/cjs/components/modals/styledModal.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ButtonProps } from '../button/model';
+export declare const StyledModal: React.FC<{
+    open: boolean;
+    onClose: () => void;
+    children?: React.ReactNode;
+    centralContainerStyles?: React.CSSProperties;
+    closeOnOutsideClick?: boolean;
+    headingTitle?: string;
+    headingSubtitle?: string;
+    tintedHeader?: boolean;
+    primaryButton?: ButtonProps;
+    secondaryButton?: ButtonProps;
+    footerShadow?: boolean;
+    zIndex?: number;
+}>;

package/dist/cjs/components/modals/styledModal.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),l=require("../button/Button.js"),I=require("./Modal.js"),G=require("../TypographyStyle.js"),Z=require("../../constants/Theme.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}var g=d(c);function H(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=g.default("div","production"===process.env.NODE_ENV?{target:"e179voii5"}:{target:"e179voii5",label:"ModalWrapper"})("production"===process.env.NODE_ENV?{name:"q9i0cs",styles:"display:flex;flex-direction:column;flex:1;align-items:flex-start"}:{name:"q9i0cs",styles:"display:flex;flex-direction:column;flex:1;align-items:flex-start",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNZ0MiLCJmaWxlIjoic3R5bGVkTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XHJcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSBcIi4vTW9kYWxcIjtcclxuaW1wb3J0IHsgQm9keVByaW1hcnksIFRpdGxlTWVkaXVtIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IE1vZGFsV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRmbGV4OiAxO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XHJcbmNvbnN0IE1vZGFsSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDI0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGludGVkSGVhZGVyID8gQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodCA6ICd0cmFuc3BhcmVudCd9O1xuXHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnRpbnRlZEhlYWRlciA/ICc0cHgnIDogJ25vbmUnKX07XG5gO1xyXG5jb25zdCBNb2RhbFN1YnRpdGxlID0gc3R5bGVkKEJvZHlQcmltYXJ5KSBgXG5cdG1hcmdpbi10b3A6IDRweDtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fSAhaW1wb3J0YW50O1xuYDtcclxuY29uc3QgTW9kYWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcblx0bWFyZ2luLXRvcDogYXV0bztcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdHotaW5kZXg6IDE7XG5cdGJveC1zaGFkb3c6ICR7KHByb3BzKSA9PiBwcm9wcy5zaG93U2hhZG93ID8gJ2luc2V0IDAgLTNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEyKScgOiAnbm9uZSd9O1xuYDtcclxuY29uc3QgU2Vjb25kYXJ5QnV0dG9uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pIGBcblx0bWFyZ2luLXJpZ2h0OiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkTW9kYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYSwgX2I7XHJcbiAgICByZXR1cm4gKF9qc3goTW9kYWwsIE9iamVjdC5hc3NpZ24oeyB6SW5kZXg6IHByb3BzLnpJbmRleCwgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */",toString:H}),n=g.default("div","production"===process.env.NODE_ENV?{target:"e179voii4"}:{target:"e179voii4",label:"ModalHeader"})("padding:24px;width:100%;background-color:",(c=>c.tintedHeader?Z.COLORS.background.warning.light:"transparent"),";border-top-left-radius:",(c=>c.tintedHeader?"4px":"none"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFZK0IiLCJmaWxlIjoic3R5bGVkTW9kYWwudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3gsIGpzeHMgYXMgX2pzeHMgfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBCdXR0b24gfSBmcm9tIFwiLi4vYnV0dG9uXCI7XHJcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSBcIi4vTW9kYWxcIjtcclxuaW1wb3J0IHsgQm9keVByaW1hcnksIFRpdGxlTWVkaXVtIH0gZnJvbSBcIi4uL1R5cG9ncmFwaHlTdHlsZVwiO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmNvbnN0IE1vZGFsV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXHRmbGV4OiAxO1xuXHRhbGlnbi1pdGVtczogZmxleC1zdGFydDtcbmA7XHJcbmNvbnN0IE1vZGFsSGVhZGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDI0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXHRiYWNrZ3JvdW5kLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMudGludGVkSGVhZGVyID8gQ09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodCA6ICd0cmFuc3BhcmVudCd9O1xuXHRib3JkZXItdG9wLWxlZnQtcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnRpbnRlZEhlYWRlciA/ICc0cHgnIDogJ25vbmUnKX07XG5gO1xyXG5jb25zdCBNb2RhbFN1YnRpdGxlID0gc3R5bGVkKEJvZHlQcmltYXJ5KSBgXG5cdG1hcmdpbi10b3A6IDRweDtcblx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fSAhaW1wb3J0YW50O1xuYDtcclxuY29uc3QgTW9kYWxGb290ZXIgPSBzdHlsZWQuZGl2IGBcblx0cGFkZGluZzogMTZweCAyNHB4O1xuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IGVuZDtcblx0bWFyZ2luLXRvcDogYXV0bztcblx0d2lkdGg6IDEwMCU7XG5gO1xyXG5jb25zdCBNb2RhbEJvZHkgPSBzdHlsZWQuZGl2IGBcblx0d2lkdGg6IDEwMCU7XG5cdHotaW5kZXg6IDE7XG5cdGJveC1zaGFkb3c6ICR7KHByb3BzKSA9PiBwcm9wcy5zaG93U2hhZG93ID8gJ2luc2V0IDAgLTNweCA2cHggcmdiYSgwLCAwLCAwLCAwLjEyKScgOiAnbm9uZSd9O1xuYDtcclxuY29uc3QgU2Vjb25kYXJ5QnV0dG9uV3JhcHBlciA9IHN0eWxlZChCdXR0b24pIGBcblx0bWFyZ2luLXJpZ2h0OiA4cHg7XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkTW9kYWwgPSAocHJvcHMpID0+IHtcclxuICAgIHZhciBfYSwgX2I7XHJcbiAgICByZXR1cm4gKF9qc3goTW9kYWwsIE9iamVjdC5hc3NpZ24oeyB6SW5kZXg6IHByb3BzLnpJbmRleCwgb3BlbjogcHJvcHMub3Blbiwgb25DbG9zZTogcHJvcHMub25DbG9zZSwgY2xvc2VPbk91dHNpZGVDbGljazogcHJvcHMuY2xvc2VPbk91dHNpZGVDbGljaywgY2VudHJhbENvbnRhaW5lclN0eWxlczogcHJvcHMuY2VudHJhbENvbnRhaW5lclN0eWxlcyB9LCB7IGNoaWxkcmVuOiBfanN4cyhNb2RhbFdyYXBwZXIsIHsgY2hpbGRyZW46IFtfanN4cyhNb2RhbEhlYWRlciwgT2JqZWN0LmFzc2lnbih7IHRpbnRlZEhlYWRlcjogKF9hID0gcHJvcHMudGludGVkSGVhZGVyKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBbcHJvcHMuaGVhZGluZ1RpdGxlICYmIChfanN4KFRpdGxlTWVkaXVtLCB7IGNoaWxkcmVuOiBwcm9wcy5oZWFkaW5nVGl0bGUgfSkpLCBwcm9wcy5oZWFkaW5nU3VidGl0bGUgJiYgKF9qc3goTW9kYWxTdWJ0aXRsZSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1N1YnRpdGxlIH0pKV0gfSkpLCBwcm9wcy5jaGlsZHJlbiAmJiAoX2pzeChNb2RhbEJvZHksIE9iamVjdC5hc3NpZ24oeyBzaG93U2hhZG93OiAoX2IgPSBwcm9wcy5mb290ZXJTaGFkb3cpICE9PSBudWxsICYmIF9iICE9PSB2b2lkIDAgPyBfYiA6IGZhbHNlIH0sIHsgY2hpbGRyZW46IHByb3BzLmNoaWxkcmVuIH0pKSksIChwcm9wcy5wcmltYXJ5QnV0dG9uIHx8IHByb3BzLnNlY29uZGFyeUJ1dHRvbikgJiYgKF9qc3hzKE1vZGFsRm9vdGVyLCB7IGNoaWxkcmVuOiBbcHJvcHMuc2Vjb25kYXJ5QnV0dG9uICYmIChfanN4KFNlY29uZGFyeUJ1dHRvbldyYXBwZXIsIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnNlY29uZGFyeUJ1dHRvbikpKSwgcHJvcHMucHJpbWFyeUJ1dHRvbiAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMucHJpbWFyeUJ1dHRvbikpXSB9KSldIH0pIH0pKSk7XHJcbn07XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXN0eWxlZE1vZGFsLmpzLm1hcCJdfQ== */")),i=g.default(G.BodyPrimary,"production"===process.env.NODE_ENV?{target:"e179voii3"}:{target:"e179voii3",label:"ModalSubtitle"})("margin-top:4px;color:",Z.COLORS.content.secondary,"!important;"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQjBDIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgekluZGV4OiBwcm9wcy56SW5kZXgsIG9wZW46IHByb3BzLm9wZW4sIG9uQ2xvc2U6IHByb3BzLm9uQ2xvc2UsIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHByb3BzLmNsb3NlT25PdXRzaWRlQ2xpY2ssIGNlbnRyYWxDb250YWluZXJTdHlsZXM6IHByb3BzLmNlbnRyYWxDb250YWluZXJTdHlsZXMgfSwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWxXcmFwcGVyLCB7IGNoaWxkcmVuOiBbX2pzeHMoTW9kYWxIZWFkZXIsIE9iamVjdC5hc3NpZ24oeyB0aW50ZWRIZWFkZXI6IChfYSA9IHByb3BzLnRpbnRlZEhlYWRlcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZmFsc2UgfSwgeyBjaGlsZHJlbjogW3Byb3BzLmhlYWRpbmdUaXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1RpdGxlIH0pKSwgcHJvcHMuaGVhZGluZ1N1YnRpdGxlICYmIChfanN4KE1vZGFsU3VidGl0bGUsIHsgY2hpbGRyZW46IHByb3BzLmhlYWRpbmdTdWJ0aXRsZSB9KSldIH0pKSwgcHJvcHMuY2hpbGRyZW4gJiYgKF9qc3goTW9kYWxCb2R5LCBPYmplY3QuYXNzaWduKHsgc2hvd1NoYWRvdzogKF9iID0gcHJvcHMuZm9vdGVyU2hhZG93KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSkpLCAocHJvcHMucHJpbWFyeUJ1dHRvbiB8fCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pICYmIChfanN4cyhNb2RhbEZvb3RlciwgeyBjaGlsZHJlbjogW3Byb3BzLnNlY29uZGFyeUJ1dHRvbiAmJiAoX2pzeChTZWNvbmRhcnlCdXR0b25XcmFwcGVyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pKSksIHByb3BzLnByaW1hcnlCdXR0b24gJiYgX2pzeChCdXR0b24sIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnByaW1hcnlCdXR0b24pKV0gfSkpXSB9KSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZWRNb2RhbC5qcy5tYXAiXX0= */")),W=g.default("div","production"===process.env.NODE_ENV?{target:"e179voii2"}:{target:"e179voii2",label:"ModalFooter"})("production"===process.env.NODE_ENV?{name:"16ocmxy",styles:"padding:16px 24px;display:flex;align-items:center;justify-content:end;margin-top:auto;width:100%"}:{name:"16ocmxy",styles:"padding:16px 24px;display:flex;align-items:center;justify-content:end;margin-top:auto;width:100%",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzQitCIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgekluZGV4OiBwcm9wcy56SW5kZXgsIG9wZW46IHByb3BzLm9wZW4sIG9uQ2xvc2U6IHByb3BzLm9uQ2xvc2UsIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHByb3BzLmNsb3NlT25PdXRzaWRlQ2xpY2ssIGNlbnRyYWxDb250YWluZXJTdHlsZXM6IHByb3BzLmNlbnRyYWxDb250YWluZXJTdHlsZXMgfSwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWxXcmFwcGVyLCB7IGNoaWxkcmVuOiBbX2pzeHMoTW9kYWxIZWFkZXIsIE9iamVjdC5hc3NpZ24oeyB0aW50ZWRIZWFkZXI6IChfYSA9IHByb3BzLnRpbnRlZEhlYWRlcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZmFsc2UgfSwgeyBjaGlsZHJlbjogW3Byb3BzLmhlYWRpbmdUaXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1RpdGxlIH0pKSwgcHJvcHMuaGVhZGluZ1N1YnRpdGxlICYmIChfanN4KE1vZGFsU3VidGl0bGUsIHsgY2hpbGRyZW46IHByb3BzLmhlYWRpbmdTdWJ0aXRsZSB9KSldIH0pKSwgcHJvcHMuY2hpbGRyZW4gJiYgKF9qc3goTW9kYWxCb2R5LCBPYmplY3QuYXNzaWduKHsgc2hvd1NoYWRvdzogKF9iID0gcHJvcHMuZm9vdGVyU2hhZG93KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSkpLCAocHJvcHMucHJpbWFyeUJ1dHRvbiB8fCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pICYmIChfanN4cyhNb2RhbEZvb3RlciwgeyBjaGlsZHJlbjogW3Byb3BzLnNlY29uZGFyeUJ1dHRvbiAmJiAoX2pzeChTZWNvbmRhcnlCdXR0b25XcmFwcGVyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pKSksIHByb3BzLnByaW1hcnlCdXR0b24gJiYgX2pzeChCdXR0b24sIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnByaW1hcnlCdXR0b24pKV0gfSkpXSB9KSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZWRNb2RhbC5qcy5tYXAiXX0= */",toString:H}),B=g.default("div","production"===process.env.NODE_ENV?{target:"e179voii1"}:{target:"e179voii1",label:"ModalBody"})("width:100%;z-index:1;box-shadow:",(c=>c.showShadow?"inset 0 -3px 6px rgba(0, 0, 0, 0.12)":"none"),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE4QjZCIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgekluZGV4OiBwcm9wcy56SW5kZXgsIG9wZW46IHByb3BzLm9wZW4sIG9uQ2xvc2U6IHByb3BzLm9uQ2xvc2UsIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHByb3BzLmNsb3NlT25PdXRzaWRlQ2xpY2ssIGNlbnRyYWxDb250YWluZXJTdHlsZXM6IHByb3BzLmNlbnRyYWxDb250YWluZXJTdHlsZXMgfSwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWxXcmFwcGVyLCB7IGNoaWxkcmVuOiBbX2pzeHMoTW9kYWxIZWFkZXIsIE9iamVjdC5hc3NpZ24oeyB0aW50ZWRIZWFkZXI6IChfYSA9IHByb3BzLnRpbnRlZEhlYWRlcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZmFsc2UgfSwgeyBjaGlsZHJlbjogW3Byb3BzLmhlYWRpbmdUaXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1RpdGxlIH0pKSwgcHJvcHMuaGVhZGluZ1N1YnRpdGxlICYmIChfanN4KE1vZGFsU3VidGl0bGUsIHsgY2hpbGRyZW46IHByb3BzLmhlYWRpbmdTdWJ0aXRsZSB9KSldIH0pKSwgcHJvcHMuY2hpbGRyZW4gJiYgKF9qc3goTW9kYWxCb2R5LCBPYmplY3QuYXNzaWduKHsgc2hvd1NoYWRvdzogKF9iID0gcHJvcHMuZm9vdGVyU2hhZG93KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSkpLCAocHJvcHMucHJpbWFyeUJ1dHRvbiB8fCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pICYmIChfanN4cyhNb2RhbEZvb3RlciwgeyBjaGlsZHJlbjogW3Byb3BzLnNlY29uZGFyeUJ1dHRvbiAmJiAoX2pzeChTZWNvbmRhcnlCdXR0b25XcmFwcGVyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pKSksIHByb3BzLnByaW1hcnlCdXR0b24gJiYgX2pzeChCdXR0b24sIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnByaW1hcnlCdXR0b24pKV0gfSkpXSB9KSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZWRNb2RhbC5qcy5tYXAiXX0= */")),e=g.default(l.Button,"production"===process.env.NODE_ENV?{target:"e179voii0"}:{target:"e179voii0",label:"SecondaryButtonWrapper"})("production"===process.env.NODE_ENV?{name:"1oaeivz",styles:"margin-right:8px"}:{name:"1oaeivz",styles:"margin-right:8px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlZE1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtQzhDIiwiZmlsZSI6InN0eWxlZE1vZGFsLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xyXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gXCIuL01vZGFsXCI7XHJcbmltcG9ydCB7IEJvZHlQcmltYXJ5LCBUaXRsZU1lZGl1bSB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5U3R5bGVcIjtcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5jb25zdCBNb2RhbFdyYXBwZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0ZmxleDogMTtcblx0YWxpZ24taXRlbXM6IGZsZXgtc3RhcnQ7XG5gO1xyXG5jb25zdCBNb2RhbEhlYWRlciA9IHN0eWxlZC5kaXYgYFxuXHRwYWRkaW5nOiAyNHB4O1xuXHR3aWR0aDogMTAwJTtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLnRpbnRlZEhlYWRlciA/IENPTE9SUy5iYWNrZ3JvdW5kLndhcm5pbmcubGlnaHQgOiAndHJhbnNwYXJlbnQnfTtcblx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogJHsocHJvcHMpID0+IChwcm9wcy50aW50ZWRIZWFkZXIgPyAnNHB4JyA6ICdub25lJyl9O1xuYDtcclxuY29uc3QgTW9kYWxTdWJ0aXRsZSA9IHN0eWxlZChCb2R5UHJpbWFyeSkgYFxuXHRtYXJnaW4tdG9wOiA0cHg7XG5cdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnNlY29uZGFyeX0gIWltcG9ydGFudDtcbmA7XHJcbmNvbnN0IE1vZGFsRm9vdGVyID0gc3R5bGVkLmRpdiBgXG5cdHBhZGRpbmc6IDE2cHggMjRweDtcblx0ZGlzcGxheTogZmxleDtcblx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0anVzdGlmeS1jb250ZW50OiBlbmQ7XG5cdG1hcmdpbi10b3A6IGF1dG87XG5cdHdpZHRoOiAxMDAlO1xuYDtcclxuY29uc3QgTW9kYWxCb2R5ID0gc3R5bGVkLmRpdiBgXG5cdHdpZHRoOiAxMDAlO1xuXHR6LWluZGV4OiAxO1xuXHRib3gtc2hhZG93OiAkeyhwcm9wcykgPT4gcHJvcHMuc2hvd1NoYWRvdyA/ICdpbnNldCAwIC0zcHggNnB4IHJnYmEoMCwgMCwgMCwgMC4xMiknIDogJ25vbmUnfTtcbmA7XHJcbmNvbnN0IFNlY29uZGFyeUJ1dHRvbldyYXBwZXIgPSBzdHlsZWQoQnV0dG9uKSBgXG5cdG1hcmdpbi1yaWdodDogOHB4O1xuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZE1vZGFsID0gKHByb3BzKSA9PiB7XHJcbiAgICB2YXIgX2EsIF9iO1xyXG4gICAgcmV0dXJuIChfanN4KE1vZGFsLCBPYmplY3QuYXNzaWduKHsgekluZGV4OiBwcm9wcy56SW5kZXgsIG9wZW46IHByb3BzLm9wZW4sIG9uQ2xvc2U6IHByb3BzLm9uQ2xvc2UsIGNsb3NlT25PdXRzaWRlQ2xpY2s6IHByb3BzLmNsb3NlT25PdXRzaWRlQ2xpY2ssIGNlbnRyYWxDb250YWluZXJTdHlsZXM6IHByb3BzLmNlbnRyYWxDb250YWluZXJTdHlsZXMgfSwgeyBjaGlsZHJlbjogX2pzeHMoTW9kYWxXcmFwcGVyLCB7IGNoaWxkcmVuOiBbX2pzeHMoTW9kYWxIZWFkZXIsIE9iamVjdC5hc3NpZ24oeyB0aW50ZWRIZWFkZXI6IChfYSA9IHByb3BzLnRpbnRlZEhlYWRlcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogZmFsc2UgfSwgeyBjaGlsZHJlbjogW3Byb3BzLmhlYWRpbmdUaXRsZSAmJiAoX2pzeChUaXRsZU1lZGl1bSwgeyBjaGlsZHJlbjogcHJvcHMuaGVhZGluZ1RpdGxlIH0pKSwgcHJvcHMuaGVhZGluZ1N1YnRpdGxlICYmIChfanN4KE1vZGFsU3VidGl0bGUsIHsgY2hpbGRyZW46IHByb3BzLmhlYWRpbmdTdWJ0aXRsZSB9KSldIH0pKSwgcHJvcHMuY2hpbGRyZW4gJiYgKF9qc3goTW9kYWxCb2R5LCBPYmplY3QuYXNzaWduKHsgc2hvd1NoYWRvdzogKF9iID0gcHJvcHMuZm9vdGVyU2hhZG93KSAhPT0gbnVsbCAmJiBfYiAhPT0gdm9pZCAwID8gX2IgOiBmYWxzZSB9LCB7IGNoaWxkcmVuOiBwcm9wcy5jaGlsZHJlbiB9KSkpLCAocHJvcHMucHJpbWFyeUJ1dHRvbiB8fCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pICYmIChfanN4cyhNb2RhbEZvb3RlciwgeyBjaGlsZHJlbjogW3Byb3BzLnNlY29uZGFyeUJ1dHRvbiAmJiAoX2pzeChTZWNvbmRhcnlCdXR0b25XcmFwcGVyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcy5zZWNvbmRhcnlCdXR0b24pKSksIHByb3BzLnByaW1hcnlCdXR0b24gJiYgX2pzeChCdXR0b24sIE9iamVjdC5hc3NpZ24oe30sIHByb3BzLnByaW1hcnlCdXR0b24pKV0gfSkpXSB9KSB9KSkpO1xyXG59O1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1zdHlsZWRNb2RhbC5qcy5tYXAiXX0= */",toString:H});exports.StyledModal=c=>{var Z,d;return b.jsx(I.Modal,Object.assign({zIndex:c.zIndex,open:c.open,onClose:c.onClose,closeOnOutsideClick:c.closeOnOutsideClick,centralContainerStyles:c.centralContainerStyles},{children:b.jsxs(X,{children:[b.jsxs(n,Object.assign({tintedHeader:null!==(Z=c.tintedHeader)&&void 0!==Z&&Z},{children:[c.headingTitle&&b.jsx(G.TitleMedium,{children:c.headingTitle}),c.headingSubtitle&&b.jsx(i,{children:c.headingSubtitle})]})),c.children&&b.jsx(B,Object.assign({showShadow:null!==(d=c.footerShadow)&&void 0!==d&&d},{children:c.children})),(c.primaryButton||c.secondaryButton)&&b.jsxs(W,{children:[c.secondaryButton&&b.jsx(e,Object.assign({},c.secondaryButton)),c.primaryButton&&b.jsx(l.Button,Object.assign({},c.primaryButton))]})]})}))};

package/dist/cjs/components/postPicker/PostPicker.styled.d.ts

@@ -0,0 +1,12 @@
+export declare const StyledModal: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalContent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledModalHeader: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledTitleMedium: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledCloseButton: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProductGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StyledProduct: import("styled-components").StyledComponent<"div", any, {
+    _height: number;
+}, never>;
+export declare const FooterContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const InfoSection: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonViewContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/cjs/components/postPicker/PostPicker.styled.js

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../TypographyStyle.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(e);const d=o.default.div`
+	position: fixed;
+	top: 0;
+	left: 0;
+	cursor: default;
+	width: 100%;
+	height: 100%;
+	display: flex;
+	background-color: rgba(0, 0, 0, 0.5);
+	align-items: center;
+	justify-content: center;
+`,r=o.default.div`
+	background-color: #fff;
+	width: 1032px;
+	height: auto;
+	max-height: 600px;
+	border-radius: 4px;
+	padding: 24px;
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	position: relative;
+`,l=o.default.div`
+	display: flex;
+	justify-content: space-between;
+	flex-direction: row;
+	gap: 20px;
+	width: 1032px;
+`,p=o.default(t.TitleMedium)`
+	padding: 6px 6px 20px 6px;
+`,a=o.default.div`
+	padding: 6px 6px 20px 6px;
+`,n=o.default.div`
+	display: grid;
+	grid-template-columns: repeat(6, 156px);
+	grid-gap: 20px;
+	overflow-y: scroll;
+
+	/* Hide scrollbar by default */
+	&::-webkit-scrollbar {
+		width: 0.5em;
+	}
+	/* Show scrollbar on hover */
+	&:hover::-webkit-scrollbar {
+		width: 0.5em;
+	}
+`,x=o.default.div`
+	position: relative;
+	cursor: pointer;
+	height: ${e=>e._height}px;
+	padding: 2px;
+	border-radius: 4px;
+
+	img {
+		width: 148px;
+		height: ${e=>e._height-1}px;
+		object-fit: cover;
+		border-radius: 4px;
+	}
+
+	.overlay {
+		position: absolute;
+		top: 2px;
+		left: 2px;
+		width: 148px;
+		height: ${e=>e._height-1}px;
+		background-color: rgba(255, 255, 255, 0.9);
+		display: flex;
+		flex-direction: column;
+		align-items: center;
+		justify-content: space-between;
+		opacity: 0;
+		transition: opacity 0.2s ease-in-out;
+		border-radius: 4px;
+
+		a {
+			text-decoration: none;
+		}
+	}
+
+	.overlay__caption {
+		text-align: center;
+		background: #fafafa;
+		padding: 10px 20px;
+		height: 40px;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.overlay__redirection {
+		display: flex;
+		justify-content: center;
+		gap: 5px;
+		padding: 10px;
+	}
+
+	&:hover .overlay {
+		opacity: 1;
+	}
+
+	&.selected {
+		border: 2px solid #731dcf;
+	}
+`,s=o.default.div`
+	width: 100%;
+	display: flex;
+	flex-direction: row;
+	padding-top: 12px;
+	justify-content: space-between;
+	border-top: 1px solid #e0e0e0;
+`,c=o.default.div`
+	flex: 1;
+	padding-top: 10px;
+	display: flex;
+	justify-content: flex-start;
+`,f=o.default.div`
+	flex: 1;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+	gap: 10px;
+`;exports.ButtonViewContainer=f,exports.FooterContainer=s,exports.InfoSection=c,exports.StyledCloseButton=a,exports.StyledModal=d,exports.StyledModalContent=r,exports.StyledModalHeader=l,exports.StyledProduct=x,exports.StyledProductGrid=n,exports.StyledTitleMedium=p;

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

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

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

@@ -0,0 +1,23 @@
+import React from 'react';
+export declare enum MEDIA_TYPES {
+    STORY = "story",
+    POST = "post",
+    REEL = "reel"
+}
+export type Media = {
+    imageUrl: string;
+    redirectionUrl: string;
+    overlayCaption: string;
+    id: string;
+};
+export type PostPickerProps = {
+    title: string;
+    showModal: boolean;
+    onClose: () => void;
+    onSelect: (Media: Media[]) => void;
+    media: Media[];
+    mediaType: MEDIA_TYPES;
+    previouslySelected?: Media[];
+    limit?: number;
+};
+export declare const PostPicker: React.FC<PostPickerProps>;

package/dist/cjs/components/postPicker/postPicker.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),i=require("../button/Button.js"),r=require("./PostPicker.styled.js"),n=require("../tag/Tag.js"),o=require("../TypographyStyle.js"),l=require("../../constants/colors.js"),a=require("../../constants/Theme.js"),c=require("../../assets/icons/cross.svg.js"),d=require("../../assets/icons/instagram.svg.js"),j=require("../../assets/icons/warning.svg.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var u;const[h,x]=s.useState(null!==(u=e.previouslySelected)&&void 0!==u?u:[]),[g,y]=s.useState(e.showModal),[m,p]=s.useState(),S=e.mediaType===exports.MEDIA_TYPES.POST?149:220;return t.jsx(t.Fragment,{children:g&&t.jsx(r.StyledModal,{children:t.jsxs(r.StyledModalContent,{children:[t.jsxs(r.StyledModalHeader,{children:[t.jsx(r.StyledTitleMedium,{children:e.title}),t.jsx(r.StyledCloseButton,Object.assign({onClick:()=>{e.onClose(),y(!1)}},{children:t.jsx(c.default,{height:20,width:20})}))]}),t.jsx(r.StyledProductGrid,{children:e.media.map((s=>t.jsxs(r.StyledProduct,Object.assign({_height:S,className:""+(h.includes(s)?"selected":""),onClick:()=>{return t=s,void x((()=>h.includes(t)?((!e.limit||h.length<=e.limit)&&p(void 0),h.filter((e=>e!==t))):!e.limit||h.length<e.limit?(p(void 0),[...h,t]):(p("Maximum limit exceeded!"),h)));var t}},{children:[t.jsx("img",{src:s.imageUrl,alt:s.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:s.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(d.default,{height:22,width:22}),t.jsx(o.BodyPrimary,Object.assign({color:l.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(o.BodyCaption,Object.assign({color:a.COLORS.content.placeholder},{children:s.overlayCaption}))}))]}))]}),s.id)))}),t.jsxs(r.FooterContainer,{children:[t.jsxs(r.InfoSection,{children:[!m&&t.jsx(o.BodyPrimary,Object.assign({color:a.COLORS.content.secondary},{children:h.length?`${h.length} selected`:""})),m&&t.jsx(n.Tag,{theme:"light",type:"negative",tagText:m,TrailingIcon:j.default})]}),t.jsxs(r.ButtonViewContainer,{children:[t.jsx(i.Button,{buttonText:"Close",size:"medium",buttonType:"secondary",onClick:()=>{e.onClose(),y(!1)}}),t.jsx(i.Button,{buttonText:"Select Media",size:"medium",buttonType:"primary",onClick:()=>{h.length?(e.onSelect(h),y(!1)):p("Please select a post to proceed")}})]})]})]})})})};

package/dist/cjs/components/progress-bar/ProgressBarComponent.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import 'bootstrap/dist/css/bootstrap.min.css';
 export interface ProgressBarProps {
     completed: number;
     isAnimated: boolean;
@@ -7,6 +6,9 @@ export interface ProgressBarProps {
     height?: number;
 }
 export declare const ProgressBarComponent: (props: ProgressBarProps) => JSX.Element;
-export declare const ProgressCompletedBar: import("styled-components").StyledComponent<"div", any, {
+export declare const ProgressCompletedBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
     color: string;
-}, never>;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/progress-bar/ProgressBarComponent.js

@@ -1,6 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react-bootstrap"),t=require("styled-components"),o=require("../../constants/Theme.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const n=s(t).default.div`
-	flex: 50%;
-	.progress-bar {
-		background-color: ${e=>e.color};
-	}
-`;exports.ProgressBarComponent=t=>e.jsx(n,Object.assign({color:t.color?t.color:o.COLORS.content.brand},{children:e.jsx(r.ProgressBar,{animated:t.isAnimated,now:t.completed,style:{height:`${t.height?t.height:8}px`}})})),exports.ProgressCompletedBar=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("react/jsx-runtime"),b=require("react-bootstrap"),t=require("../../constants/Theme.js");function o(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const s=o(c).default("div","production"===process.env.NODE_ENV?{target:"e17nsuvt0"}:{target:"e17nsuvt0",label:"ProgressCompletedBar"})("flex:50%;.progress-bar{background-color:",(c=>c.color),";}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlByb2dyZXNzQmFyQ29tcG9uZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFPK0MiLCJmaWxlIjoiUHJvZ3Jlc3NCYXJDb21wb25lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsganN4IGFzIF9qc3ggfSBmcm9tIFwicmVhY3QvanN4LXJ1bnRpbWVcIjtcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBQcm9ncmVzc0JhciB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQmFyQ29tcG9uZW50ID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goUHJvZ3Jlc3NDb21wbGV0ZWRCYXIsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogcHJvcHMuY29sb3IgPyBwcm9wcy5jb2xvciA6IENPTE9SUy5jb250ZW50LmJyYW5kIH0sIHsgY2hpbGRyZW46IF9qc3goUHJvZ3Jlc3NCYXIsIHsgYW5pbWF0ZWQ6IHByb3BzLmlzQW5pbWF0ZWQsIG5vdzogcHJvcHMuY29tcGxldGVkLCBzdHlsZTogeyBoZWlnaHQ6IGAke3Byb3BzLmhlaWdodCA/IHByb3BzLmhlaWdodCA6IDh9cHhgIH0gfSkgfSkpKTtcclxufTtcclxuZXhwb3J0IGNvbnN0IFByb2dyZXNzQ29tcGxldGVkQmFyID0gc3R5bGVkLmRpdiBgXG5cdGZsZXg6IDUwJTtcblx0LnByb2dyZXNzLWJhciB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IHByb3BzLmNvbG9yfTtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9UHJvZ3Jlc3NCYXJDb21wb25lbnQuanMubWFwIl19 */"));exports.ProgressBarComponent=c=>e.jsx(s,Object.assign({color:c.color?c.color:t.COLORS.content.brand},{children:e.jsx(b.ProgressBar,{animated:c.isAnimated,now:c.completed,style:{height:`${c.height?c.height:8}px`}})})),exports.ProgressCompletedBar=s;

package/dist/cjs/components/states/StateComponent.d.ts

@@ -0,0 +1,29 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+export declare enum StateInterface {
+    SUCCESS = "success",
+    ERROR = "error",
+    WARNING = "warning"
+}
+export declare enum ButtonActions {
+    CANCEL = "cancel",
+    OTHER = "other"
+}
+export declare enum ButtonTypes {
+    SINGLE = "SINGLE",
+    DOUBLE = "DOUBLE"
+}
+export type StateComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width: number;
+};
+export declare const StateComponent: React.FC<StateComponentProps>;

package/dist/cjs/components/states/StateComponent.styled.d.ts

@@ -0,0 +1,7 @@
+export declare const StateComponentContainer: import("styled-components").StyledComponent<"div", any, {
+    width: number;
+}, never>;
+export declare const StateIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateHeading: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ButtonContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const StateSubline: import("styled-components").StyledComponent<"div", any, {}, never>;

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

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

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

@@ -0,0 +1,17 @@
+import { ReactJSXElement } from '@emotion/react/types/jsx-namespace';
+import React from 'react';
+import { ButtonActions, ButtonTypes, StateInterface } from '../states/StateComponent';
+export type StateModalComponentProps = {
+    states: StateInterface;
+    heading: string;
+    subline: string;
+    icon?: JSX.Element;
+    isButtonEnabled: boolean;
+    type?: ButtonTypes;
+    buttonText?: string;
+    buttonIcon?: ReactJSXElement;
+    onButtonClick?: (buttonClicked: ButtonActions) => void;
+    leadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    width?: number;
+};
+export declare const StateModalComponent: React.FC<StateModalComponentProps>;

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export interface BadgeProps {
+    errorText: string;
+}
+export declare const Badge: (props: BadgeProps) => JSX.Element;

package/dist/cjs/components/template-context-mapper/Badge/index.js

@@ -0,0 +1,10 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../../assets/icons/alert.svg.js"),t=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=o(t).default.div`
+	background: ${i.COLORS.background.negative.light};
+	display: flex;
+	align-items: center;
+	padding: 0px 12px;
+	gap: 8px;
+	border-radius: 4px;
+	margin-right: 12px;
+	color: ${i.COLORS.content.negative};
+`;exports.Badge=t=>{const{errorText:o}=t;return e.jsxs(s,{children:[e.jsx(r.default,{height:20,width:20,color:i.COLORS.content.negative}),e.jsx(n.BodySecondary,{children:o})]})},exports.BadgeContainer=s;

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

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+import { CHANNEL_TYPE } from '../template-preview/models/Channels';
+import { EmailTemplateType } from '../template-preview/models/EmailTemplate';
+import { SMSTemplateType } from '../template-preview/models/SmsTemplate';
+import { CUSTOM_VARIABLE, GlobalPlaceholderType } from '../template-preview/models/TemplateMeta';
+import { WhatsAppPickerMeta, WhatsAppTemplate, WhatsAppTemplateVariables } from '../template-preview/models/WhatsAppTemplate';
+export interface TemplateContextMapperProps {
+    selectedTemplate: WhatsAppTemplate | EmailTemplateType | SMSTemplateType;
+    closeDialog?: () => void;
+    showVariableMapping: boolean;
+    channel: CHANNEL_TYPE;
+    globalPlaceholders: GlobalPlaceholderType;
+    /** List of variables being used in this template */
+    templateVariables: CUSTOM_VARIABLE[];
+    /** Only for initial-UI-purpose for the modal */
+    htmlContent: string;
+    showOnlyContent?: boolean;
+    onTemplateSelect?(template: EmailTemplateType | SMSTemplateType | WhatsAppTemplate, variables: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables, display_content?: string): string | void;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+}
+export declare const TemplateContextMapper: ({ selectedTemplate, closeDialog, showVariableMapping, channel, htmlContent, templateVariables, onTemplateSelect, globalPlaceholders, showOnlyContent, whatsappSpecificPickerMeta, }: TemplateContextMapperProps) => JSX.Element;

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

@@ -0,0 +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,{})]}))}))};

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

@@ -0,0 +1,37 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import { CUSTOM_VARIABLE, globalNormalizedPlaceholdersType } from "../../template-preview/models/TemplateMeta";
+import { WhatsAppTemplate, WhatsAppTemplateVariables } from "../../template-preview/models/WhatsAppTemplate";
+export type DEVICE_TYPES = 'desktop' | 'mobile';
+export declare const TemplateModalContext: React.Context<{
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+}>;
+export declare const useTemplateModalContext: () => {
+    device: DEVICE_TYPES;
+    setDevice?: React.Dispatch<React.SetStateAction<DEVICE_TYPES>> | undefined;
+    display_content: string | null;
+    setDisplayContent?: React.Dispatch<React.SetStateAction<string | null>> | undefined;
+    originalVariableList: CUSTOM_VARIABLE[] | WhatsAppTemplateVariables;
+    setOriginalVariableList?: React.Dispatch<React.SetStateAction<WhatsAppTemplateVariables | CUSTOM_VARIABLE[]>> | undefined;
+    channel: CHANNEL_TYPE;
+    setChannel?: React.Dispatch<React.SetStateAction<CHANNEL_TYPE>> | undefined;
+    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null;
+    setTemplate?: React.Dispatch<React.SetStateAction<WhatsAppTemplate | EmailTemplateType | SMSTemplateType | null>> | undefined;
+    isError: boolean;
+    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
+    globalNormalizedPlaceholders?: globalNormalizedPlaceholdersType[] | undefined;
+};

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

@@ -0,0 +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);

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

@@ -0,0 +1,3 @@
+export * from './TemplateContextMapper';
+export * from './utils/getDataFromTemplateComponent';
+export * from './utils/validateIsUrl';

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { WhatsAppPickerMeta } from "../../template-preview/models/WhatsAppTemplate";
+export interface BodyProps {
+    showVariableMapping: boolean;
+    showOnlyContent?: boolean;
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+}
+declare const Body: (props: BodyProps) => JSX.Element;
+export default Body;

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

@@ -0,0 +1,18 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),l=require("styled-components"),n=require("../../template-preview/models/Channels.js"),o=require("../../../constants/Theme.js"),i=require("../context/templateModalContext.js"),r=require("../utils/getVariableNameEmail.js"),a=require("../utils/highlightFor.js"),s=require("./DesktopPreview.js"),d=require("./EditWhatsAppTemplateV2.js"),u=require("./MobilePreview.js"),p=require("./VariableConnectorsPanel.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var h=c(l);const m=h.default.div`
+	display: flex;
+	//	height: 100%;
+`,f=h.default.div`
+	padding: 16px 14px;
+	border-left-width: 1px;
+	border-left-color: ${o.COLORS.stroke.primary};
+	max-width: 350px;
+
+	height: ${e=>e.channel===n.CHANNEL_TYPE.WHATSAPP?"500px":"475px"};
+	overflow-y: 'auto';
+	padding-bottom: 24px;
+`,x=h.default.div`
+	padding: ${e=>e.showOnlyContent?"16px 14px":"16px 32px"};
+	flex: 1;
+	height: 475px;
+	overflow-y: auto;
+`;exports.default=l=>{const{showVariableMapping:c,showOnlyContent:h,whatsappSpecificPickerMeta:g}=l,v=t.useRef(),j=t.useRef(),{device:E,display_content:w,channel:b,template:y,setTemplate:C}=i.useTemplateModalContext();const P=e=>{let t=0;for(;e;)t+=e.offsetTop,e=e.offsetParent;return t};return e.jsxs(m,{children:[e.jsx(x,Object.assign({showOnlyContent:h,showVariableMapping:c},{children:"mobile"===E?e.jsx(u.default,{ref:j,display_content:null!=w?w:"",channel:b,template:y}):b!==n.CHANNEL_TYPE.MESSAGE?e.jsx(s.default,{ref:v,channel:b,display_content:null!=w?w:""}):e.jsx(e.Fragment,{})})),c&&e.jsx(f,Object.assign({channel:b},{children:b!==n.CHANNEL_TYPE.WHATSAPP?e.jsx(p.default,{onFocus:b===n.CHANNEL_TYPE.EMAIL?function(e){var t,l,i;const s=null===document||void 0===document?void 0:document.getElementById("mobile"===E?"template_html_mobile":"template_html_desktop"),d=r.getVariableNameForEmailByIndex(e+1),u=b===n.CHANNEL_TYPE.EMAIL?null===(t=null==s?void 0:s.contentWindow)||void 0===t?void 0:t.document.getElementById(d):document.getElementById(d),p=P(u),c=null==u?void 0:u.offsetLeft;"desktop"===E?p&&v.current&&(null===(l=null==s?void 0:s.contentWindow)||void 0===l||l.scrollTo(null!=c?c:0,p),a.highlightFor(d,o.COLORS.background.warning.light,2,b,E)):p&&j.current&&(null===(i=null==s?void 0:s.contentWindow)||void 0===i||i.scrollTo(null!=c?c:0,p),a.highlightFor(d,o.COLORS.background.warning.light,2,b,E))}:void 0}):e.jsx(d.default,{whatsappSpecificPickerMeta:g,template:y,onTemplateChange:e=>{null==C||C(e)}})}))]})};

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { CHANNEL_TYPE } from "../../template-preview/models/Channels";
+declare const DesktopPreview: React.ForwardRefExoticComponent<{
+    display_content: string;
+    channel: CHANNEL_TYPE;
+} & React.RefAttributes<HTMLDivElement>>;
+export default DesktopPreview;

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

@@ -0,0 +1,20 @@
+"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`
+	background: ${s.COLORS.surface.standard};
+	border: 1px solid ${s.COLORS.stroke.primary};
+	border-radius: 8px;
+	overflow-y: auto;
+	/* max-height: 420px; */
+	scroll-behavior: smooth;
+	height: 100%;
+`,u=p.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`
+	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;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { HEADER_TYPES } from "../../template-preview/models/TemplateMeta";
+export interface EditMediaV2Props {
+    imageName: string[];
+    errorSecondaryText?: string;
+    error?: string;
+    isLoading?: boolean;
+    mediaType?: HEADER_TYPES;
+    handleImageChange?: () => void;
+}
+declare const EditMediaV2: (props: EditMediaV2Props) => JSX.Element;
+export default EditMediaV2;

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

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/document_pdf.svg.js"),i=require("../../../assets/icons/edit.svg.js"),s=require("../../../assets/icons/refresh.svg.js"),r=require("../../../assets/icons/video_camcorder.svg.js"),n=require("styled-components"),o=require("../../spinner/Spinner.js"),l=require("../../template-preview/models/TemplateMeta.js"),d=require("../../TypographyStyle.js"),a=require("../../../utils/StringUtils.js"),c=require("../../../constants/Theme.js"),h=require("./EditMediaV2.style.js");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const j=g(n).default.div`
+	padding-left: 14px;
+	padding-right: 6px;
+	width: 44px;
+	height: 24px;
+	border-left: 1px solid ${c.COLORS.stroke.primary};
+	cursor: pointer;
+`;exports.default=n=>{const{imageName:g,error:u,isLoading:p,mediaType:x,handleImageChange:y}=n,O=null==g?void 0:g[0].split("/"),m=null==O?void 0:O[O.length-1];return e.jsxs(h.Container,{children:[e.jsx(h.ImageContainer,Object.assign({error:!!u,onClick:u?y:void 0},{children:u?e.jsx(s.default,{color:c.COLORS.content.brand,width:32,height:32}):p?e.jsx(o.Spinner,{size:"small"}):x===l.HEADER_TYPES.IMAGE?e.jsx("img",{alt:"",src:null==g?void 0:g[0],style:{width:"100%",height:"56px",borderRadius:8,objectFit:"cover"}}):x===l.HEADER_TYPES.VIDEO?e.jsx(r.default,{width:18,height:22,color:c.COLORS.content.placeholder}):e.jsx(t.default,{width:18,height:22,color:c.COLORS.content.placeholder})})),e.jsxs(h.RightComponent,{children:[e.jsx("div",Object.assign({style:{flex:1}},{children:g&&u?e.jsx(e.Fragment,{}):p?e.jsx(d.BodyCaption,Object.assign({style:{marginLeft:8}},{children:"Your media is getting loaded..."})):e.jsx(d.BodySecondary,Object.assign({style:{color:c.COLORS.content.primary,marginLeft:8}},{children:a.default.toCapitilize(null==x?void 0:x.toLowerCase())||m}))})),!!u&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",marginLeft:8}},{children:[e.jsxs(d.BodySecondary,Object.assign({style:{color:c.COLORS.content.negative}},{children:["Error loading this ",null==x?void 0:x.toLowerCase(),". Retry"]})),e.jsx(d.Caption,Object.assign({style:{color:c.COLORS.content.secondary}},{children:u}))]})),!u&&!p&&e.jsx(j,Object.assign({onClick:y,onKeyDown:y,role:"presentation"},{children:e.jsx(i.default,{width:24,height:24,color:c.COLORS.content.placeholder})}))]})]})};

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

@@ -0,0 +1,6 @@
+export declare const RightComponent: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ImageContainer: import("styled-components").StyledComponent<"div", any, {
+    error: boolean;
+}, never>;
+export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const EditTemplateMediaContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../../../constants/Theme.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=r(e);const o=i.default.div`
+	display: flex;
+	align-items: center;
+	gap: 12px;
+	/* justify-content: center; */
+	flex: 1;
+`,n=i.default.div`
+	width: 56px;
+	height: 56px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	align-self: center;
+	background-color: ${t.COLORS.surface.hovered};
+	border-radius: 4px;
+	border: 1px solid ${t.COLORS.stroke.primary};
+	box-sizing: content-box;
+	cursor: ${e=>e.error?"pointer":"default"};
+`,d=i.default.div`
+	padding: 8px;
+	flex-direction: row;
+	display: flex;
+	justify-content: space-between;
+	background: ${t.COLORS.surface.subdued};
+	border: 1px solid ${t.COLORS.stroke.primary};
+	border-radius: 4px;
+	margin-left: 8px;
+`,a=i.default.div`
+	padding-bottom: 0px;
+	min-width: 285px;
+`;exports.Container=d,exports.EditTemplateMediaContainer=a,exports.ImageContainer=n,exports.RightComponent=o;

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+declare const EditMediaTemplateMediaV2: React.FC<{
+    mediaComponent: WhatsAppTemplate['components'][0];
+    template: WhatsAppTemplate;
+    whatsappSpecificPickerMeta: WhatsAppPickerMeta;
+    updateTemplateImageUrl(url: string, format: WhatsAppTemplate['components'][0]['format']): void;
+}>;
+export default EditMediaTemplateMediaV2;

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

@@ -0,0 +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})]})};

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import { EmailTemplateType } from "../../template-preview/models/EmailTemplate";
+import { SMSTemplateType } from "../../template-preview/models/SmsTemplate";
+import { WhatsAppPickerMeta, WhatsAppTemplate } from "../../template-preview/models/WhatsAppTemplate";
+export interface EditWhatsAppTemplateV2Props {
+    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
+    template: WhatsAppTemplate;
+    onTemplateChange?: (template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType) => void;
+}
+declare const EditWhatsAppTemplateV2: ({ template, onTemplateChange, whatsappSpecificPickerMeta, }: EditWhatsAppTemplateV2Props) => JSX.Element;
+export default EditWhatsAppTemplateV2;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../context/templateModalContext.js"),n=require("../utils/getDataFromTemplateComponent.js"),o=require("./EditMediaV2.style.js"),i=require("./EditWhatsAppTemplateMediaV2.js"),l=require("./VariableConnectorsPanel.js"),s=require("./VariableConnectorWhatsApp.js"),a=require("./VariableEditorHeader.js"),d=require("./WhatsAppTemplateCardButtonV2.js");exports.default=r=>{let{template:p,onTemplateChange:u,whatsappSpecificPickerMeta:c}=r;var m,v,b,g,h,f,j,x,T,O,y,C;const{originalVariableList:E}=t.useTemplateModalContext(),{descriptionComponents:V,urlBtns:w,qrbBtns:B,imageComponent:I,bodyVariables:q,headerVariables:R}=n.getAllDataFromTemplateComponent(p);function A(e,t){var n,o,i,l;const s=Object.assign({},p),a=null==s?void 0:s.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==a&&a>-1){const d=null===(n=null==s?void 0:s.components[a].buttons)||void 0===n?void 0:n.findIndex((e=>"URL"===e.type));if(void 0!==d&&d>-1){const n="custom"===t&&"string"==typeof e,r=[...null!==(l=null===(i=null===(o=s.components)||void 0===o?void 0:o[a])||void 0===i?void 0:i.buttons)&&void 0!==l?l:[]];r[d]=Object.assign(Object.assign({},r[d]),{url:"https://d.bik.ai/{{1}}",example:[n?e:"string"!=typeof e?e.defaultValue:""]});const p=Object.assign(Object.assign({},s.components[a]),{buttons:r}),u=Object.assign(Object.assign({},s.mapping),{buttons:n?["((customBtnPlaceholder))"]:"string"!=typeof e?[e.placeHolder]:void 0});s.mapping=u;const c=[...s.components];c[a]=p,s.components=c}}null==u||u(s)}function L(e,t,n){var o;const i=Object.assign({},p),l=null==i?void 0:i.components.findIndex((e=>"BUTTONS"===e.type));if(void 0!==l&&l>-1){const t=null===(o=null==i?void 0:i.components[l].buttons)||void 0===o?void 0:o.filter((e=>"QUICK_REPLY"===e.type));t&&(t[n]=Object.assign(Object.assign({},t[n]),{flowId:e.flowId,flowName:e.flowName}));const s=Object.assign(Object.assign({},i.components[l]),{buttons:t}),a=[...i.components];a[l]=s,i.components=a}null==u||u(i)}return e.jsxs(l.Container,Object.assign({style:{flexDirection:"column",maxHeight:460}},{children:[!!I&&e.jsx(o.EditTemplateMediaContainer,{children:e.jsx(i.default,{whatsappSpecificPickerMeta:c,mediaComponent:I,updateTemplateImageUrl:function(e,t){var n;let o=Object.assign({},p);const i=null===(n=null==o?void 0:o.components)||void 0===n?void 0:n.findIndex((e=>{if("HEADER"===e.type&&"NONE"!==e.format&&"TEXT"!==e.format)return!0}));if(void 0!==i&&i>-1&&(null==o?void 0:o.components[i])){const n=Object.assign(Object.assign({},o.components[i]),{format:t,example:{header_handle:[e]}}),l=[...o.components];l[i]=n,o=Object.assign(Object.assign({},o),{components:l})}null==u||u(o)},template:p})}),(q.length>0||R.length>0)&&e.jsx(a.default,{containerStyle:{paddingTop:I?24:8},headerText:"Edit variable values",subText:"Edit values for the variables used in template",toolTipInfo:"Variables are placeholder texts which can either be filled through data or custom texts. These can be edited through the dropdowns below"}),null==V?void 0:V.map(((t,n)=>e.jsx(s.default,{originalVariableList:E,type:t.type,descriptionComponent:t.component,variableMapping:"HEADER"===t.type?p.mapping.header:p.mapping.body},n))),(null===(v=null===(m=w[0])||void 0===m?void 0:m.component)||void 0===v?void 0:v.buttons)&&(null===(h=null===(g=null===(b=w[0])||void 0===b?void 0:b.component)||void 0===g?void 0:g.buttons)||void 0===h?void 0:h.length)>0&&e.jsx(a.default,{headerText:"Edit buttons",subText:"Edit the link connected to the CTA button"}),null===(f=null==E?void 0:E.buttons)||void 0===f?void 0:f.map(((t,n)=>{if("URL"===t.type)return e.jsx(d.default,{CTAoptions:null==c?void 0:c.CTAoptions,button:t,originalVariableList:E,updateSelectedURLTemplateBtn:A},`${n}`)})),(null===(x=null===(j=B[0])||void 0===j?void 0:j.component)||void 0===x?void 0:x.buttons)&&(null===(y=null===(O=null===(T=B[0])||void 0===T?void 0:T.component)||void 0===O?void 0:O.buttons)||void 0===y?void 0:y.length)>0&&e.jsx(a.default,{headerText:"Edit buttons",subText:"Edit the chatflows triggered on clicking  the buttons",toolTipInfo:"There is an option to trigger chatflows through the buttons which can keep the user engaged"}),null===(C=null==E?void 0:E.buttons)||void 0===C?void 0:C.map(((t,n)=>{if("QUICK_REPLY"===t.type)return e.jsx(d.default,{QRBoptions:null==c?void 0:c.QRBoptions,button:t,originalVariableList:E,updateSelectedQRBTemplateBtn:L},`${n}`)}))]}))};