@bikdotai/bik-component-library 0.0.45 → 0.0.47
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/icons/errorIcon.svg.js +1 -0
- package/dist/cjs/assets/icons/successIcon.svg.js +1 -0
- package/dist/cjs/assets/icons/warningIcon.svg.js +1 -0
- package/dist/cjs/components/plans/SubscriptionPlan.d.ts +2 -2
- package/dist/cjs/components/plans/SubscriptionPlan.js +1 -0
- package/dist/cjs/components/plans/SubscriptionPlanSelector.d.ts +2 -2
- package/dist/cjs/components/plans/SubscriptionPlanSelector.js +1 -1
- package/dist/cjs/components/plans/SubscriptionPlanStyled.js +1 -1
- package/dist/cjs/components/searchBar/searchBar.d.ts +1 -0
- package/dist/cjs/components/states/StateComponent.js +1 -0
- package/dist/cjs/components/states/StateComponent.styled.js +26 -0
- package/dist/cjs/components/states-modal/StateModalComponent.js +1 -0
- package/dist/cjs/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +1 -1
- package/dist/esm/assets/icons/errorIcon.svg.js +1 -0
- package/dist/esm/assets/icons/successIcon.svg.js +1 -0
- package/dist/esm/assets/icons/warningIcon.svg.js +1 -0
- package/dist/esm/components/plans/SubscriptionPlan.d.ts +2 -2
- package/dist/esm/components/plans/SubscriptionPlan.js +1 -0
- package/dist/esm/components/plans/SubscriptionPlanSelector.d.ts +2 -2
- package/dist/esm/components/plans/SubscriptionPlanSelector.js +1 -1
- package/dist/esm/components/plans/SubscriptionPlanStyled.js +1 -1
- package/dist/esm/components/searchBar/searchBar.d.ts +1 -0
- package/dist/esm/components/states/StateComponent.js +1 -0
- package/dist/esm/components/states/StateComponent.styled.js +26 -0
- package/dist/esm/components/states-modal/StateModalComponent.js +1 -0
- package/dist/esm/components/stepper/WorkingStepper.d.ts +1 -0
- package/dist/esm/index.d.ts +2 -0
- package/dist/esm/index.js +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},e),t||(t=n.createElement("rect",{width:64,height:64,fill:"#D53434",rx:32})),r||(r=n.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M30.037 19.044a4 4 0 0 1 5.383 1.411l.004.007 11.293 18.853.01.018a4 4 0 0 1-3.42 6H20.693a4 4 0 0 1-3.42-6l.01-.018 11.294-18.853.004-.007a4.001 4.001 0 0 1 1.457-1.41Zm.824 2.791-11.284 18.84a1.334 1.334 0 0 0 1.138 1.992h22.57a1.333 1.333 0 0 0 1.138-1.992L33.14 21.838l-.002-.003a1.333 1.333 0 0 0-2.277 0ZM32 26.668c.736 0 1.333.597 1.333 1.333v5.333a1.333 1.333 0 1 1-2.666 0V28c0-.736.597-1.333 1.333-1.333Zm0 10.666A1.333 1.333 0 0 0 32 40h.013a1.333 1.333 0 1 0 0-2.667H32Z",clipRule:"evenodd"})));exports.default=l;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},l.apply(this,arguments)}var c=e=>n.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},e),t||(t=n.createElement("rect",{width:64,height:64,fill:"#1A872C",rx:32})),r||(r=n.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M46.512 20.822c.65.65.65 1.706 0 2.357L28.178 41.511c-.65.65-1.706.65-2.357 0l-8.333-8.334a1.667 1.667 0 1 1 2.357-2.356L27 37.975l17.155-17.154c.65-.651 1.706-.651 2.357 0Z",clipRule:"evenodd"})));exports.default=c;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,"__esModule",{value:!0});var t,r,n=e(require("react"));function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},a.apply(this,arguments)}var l=e=>n.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},e),t||(t=n.createElement("rect",{width:64,height:64,fill:"#FEC02D",rx:32})),r||(r=n.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M30.037 19.044a4 4 0 0 1 5.383 1.411l.004.007 11.293 18.853.01.018a4 4 0 0 1-3.42 6H20.693a4 4 0 0 1-3.42-6l.01-.018 11.294-18.853.004-.007a4.001 4.001 0 0 1 1.457-1.41Zm.824 2.791-11.284 18.84a1.334 1.334 0 0 0 1.138 1.992h22.57a1.333 1.333 0 0 0 1.138-1.992L33.14 21.838l-.002-.003a1.333 1.333 0 0 0-2.277 0ZM32 26.668c.736 0 1.333.597 1.333 1.333v5.333a1.333 1.333 0 1 1-2.666 0V28c0-.736.597-1.333 1.333-1.333Zm0 10.666A1.333 1.333 0 0 0 32 40h.013a1.333 1.333 0 1 0 0-2.667H32Z",clipRule:"evenodd"})));exports.default=l;
|
|
@@ -21,5 +21,5 @@ export interface SubscriptionPlanProps {
|
|
|
21
21
|
onPlanSelect: (code: string) => void;
|
|
22
22
|
}
|
|
23
23
|
type Props = SubscriptionPlanProps;
|
|
24
|
-
declare const SubscriptionPlan: FunctionComponent<Props>;
|
|
25
|
-
export
|
|
24
|
+
export declare const SubscriptionPlan: FunctionComponent<Props>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../button/Button.js"),t=require("./SubscriptionPlanStyled.js"),i=require("../TypographyStyle.js"),a=require("../../constants/Theme.js");exports.SubscriptionPlan=n=>{const r=n.showMonthly?n.monthlyPlan:n.yearlyPlan;return e.jsxs(t.SubscriptionPlanStyled,{children:[!n.isDisabled&&n.isMostPopular&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(i.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${n.isSelected?"selected":""} ${n.isDisabled?"disabled":""}`},{children:[e.jsxs("div",{children:[e.jsx(i.TitleRegular,Object.assign({style:{color:a.COLORS.content.secondary,marginBottom:4}},{children:n.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(i.TitleLarge,Object.assign({style:{color:a.COLORS.content.primary}},{children:["$ ",r.price]})),e.jsxs(i.BodyPrimary,Object.assign({style:{color:a.COLORS.content.secondary,marginLeft:4}},{children:["/ ",n.showMonthly?"monthly":"yearly"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(i.BodyCaption,Object.assign({style:{color:a.COLORS.content.secondary}},{children:n.planDescription})),e.jsx(i.BodyCaption,Object.assign({style:{color:a.COLORS.background.positive.vibrant,marginLeft:4}},{children:n.planDescriptionDiscount}))]})),e.jsx(i.Caption,Object.assign({className:"trial "+(n.isSelected?"selected":"")},{children:"14 day free trial"})),e.jsx("div",Object.assign({className:"features"},{children:n.features.map(((s,t)=>e.jsx(i.BodyPrimary,Object.assign({className:"feature"},{children:s.detail}),t)))}))]}),e.jsxs("div",Object.assign({className:"button-box"},{children:[n.isSelected&&e.jsx(s.Button,{buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!0}),n.isDisabled&&e.jsx(s.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!n.isSelected&&!n.isDisabled&&e.jsx(s.Button,{buttonType:"primary",size:"medium",onClick:()=>n.onPlanSelect(n.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]}))]})};
|
|
@@ -4,5 +4,5 @@ type Props = {
|
|
|
4
4
|
plans: SubscriptionPlanProps[];
|
|
5
5
|
onPlanSelect: (code: string) => void;
|
|
6
6
|
};
|
|
7
|
-
declare const SubscriptionPlanSelector: FunctionComponent<Props>;
|
|
8
|
-
export
|
|
7
|
+
export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
|
|
8
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("@emotion/styled/base")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@emotion/styled/base"),c=require("react/jsx-runtime"),l=require("react"),t=require("../modals/styledModal.js"),a=require("./SubscriptionPlan.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=i(e).default("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",label:"PlanWrapper"})("production"===process.env.NODE_ENV?{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px"}:{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5jb25zdCBQbGFuV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRjb2x1bW4tZ2FwOiAyMnB4O1xuXHRhbGlnbi1pdGVtczogc3RyZXRjaDtcblx0cGFkZGluZzogMjRweDtcbmA7XHJcbi8vIFNlbGVjdGVkIHBsYW4gdG8gaGF2ZSBjaG9zZW4gcGxhbiBub3Qgc2VsZWN0YWJsZVxyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogJ0FsbCBwbGFucyBoYXZlIDE0IGRheSBmcmVlIHRyaWFsLiBZb3UgY2FuIGNoYW5nZSBwbGFucyBsYXRlciBhcyB3ZWxsJyB9LCB7IGNoaWxkcmVuOiBfanN4KFBsYW5XcmFwcGVyLCB7IGNoaWxkcmVuOiBwcm9wcy5wbGFucy5tYXAoKHByb3ApID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiAoX2NyZWF0ZUVsZW1lbnQoU3Vic2NyaXB0aW9uUGxhbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcCwgeyBvblBsYW5TZWxlY3Q6IHByb3BzLm9uUGxhblNlbGVjdCwga2V5OiBwcm9wLnBsYW5OYW1lLCBzaG93TW9udGhseTogZmFsc2UgfSkpKTtcclxuICAgICAgICAgICAgfSkgfSkgfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}});exports.SubscriptionPlanSelector=e=>c.jsx(t.StyledModal,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"Select a plan to proceed",headingSubtitle:"All plans have 14 day free trial. You can change plans later as well"},{children:c.jsx(s,{children:e.plans.map((c=>l.createElement(a.SubscriptionPlan,Object.assign({},c,{onPlanSelect:e.onPlanSelect,key:c.planName,showMonthly:!1}))))})}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require("@emotion/styled/base")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),d=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const t=l(c).default("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",d.COLORS.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.COLORS.background.brandLight,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.COLORS.surface.standard,";}}.trial{margin-top:16px;margin-bottom:8px;padding:4px 8px;color:",d.COLORS.content.secondary,";background-color:",d.COLORS.surface.hovered,";}.trial.selected{background-color:",d.COLORS.surface.standard,";}.feature{margin-top:12px;color:",d.COLORS.content.secondary,";}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.disabled{*{color:",d.COLORS.content.inactive,"!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdG1hcmdpbi10b3A6IDEycHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRtYXJnaW4tYm90dG9tOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuXG5cdC5wZXItbWVzc2FnZS1wcmljZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5kaXNhYmxlZCB7XG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gIWltcG9ydGFudDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TdHlsZWQuanMubWFwIl19 */"));exports.SubscriptionPlanStyled=t;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,e,n,s=require("react/jsx-runtime"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/errorIcon.svg.js"),i=require("../../assets/icons/successIcon.svg.js"),a=require("../../assets/icons/warningIcon.svg.js"),c=require("../button/Button.js"),u=require("../TypographyStyle.js"),x=require("./StateComponent.styled.js");exports.StateInterface=void 0,(t=exports.StateInterface||(exports.StateInterface={})).SUCCESS="success",t.ERROR="error",t.WARNING="warning",exports.ButtonActions=void 0,(e=exports.ButtonActions||(exports.ButtonActions={})).CANCEL="cancel",e.OTHER="other",exports.ButtonTypes=void 0,(n=exports.ButtonTypes||(exports.ButtonTypes={})).SINGLE="SINGLE",n.DOUBLE="DOUBLE";exports.StateComponent=t=>{const e=()=>n==exports.StateInterface.SUCCESS?s.jsx(i.default,{}):n==exports.StateInterface.WARNING?s.jsx(a.default,{}):n==exports.StateInterface.ERROR?s.jsx(r.default,{}):void 0,{states:n,heading:d,subline:p,icon:l=e(),isButtonEnabled:j,type:S,buttonText:B,onButtonClick:h,leadingIcon:y,width:C}=t;return s.jsxs(x.StateComponentContainer,Object.assign({width:C},{children:[s.jsx(x.StateIcon,{children:l}),s.jsx(x.StateHeading,{children:s.jsx(u.TitleMedium,{children:d})}),s.jsx(x.StateSubline,{children:s.jsx(u.BodyPrimary,Object.assign({color:o.COLORS.content.secondary},{children:p}))}),j&&s.jsx(s.Fragment,{children:s.jsxs(x.ButtonContainer,{children:[S==exports.ButtonTypes.DOUBLE&&s.jsx(c.Button,{onClick:()=>h&&h(exports.ButtonActions.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),s.jsx(c.Button,{onClick:()=>h&&h(exports.ButtonActions.OTHER),buttonType:"primary",LeadingIcon:y,buttonText:null!=B?B:"Retry",matchParentWidth:!0})]})})]}))};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
"use strict";function t(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}Object.defineProperty(exports,"__esModule",{value:!0});var e=t(require("styled-components"));const i=e.default.div`
|
|
2
|
+
width: ${t=>t.width?`${t.width}px`:"400px"};
|
|
3
|
+
position: relative;
|
|
4
|
+
border-radius: 4px;
|
|
5
|
+
padding: 32px 24px 24px 24px;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
align-items: center;
|
|
9
|
+
`,a=e.default.div`
|
|
10
|
+
width: 64px;
|
|
11
|
+
height: 64px;
|
|
12
|
+
`,d=e.default.div`
|
|
13
|
+
margin-top: 16px;
|
|
14
|
+
text-align: center;
|
|
15
|
+
max-width: 100%;
|
|
16
|
+
`,n=e.default.div`
|
|
17
|
+
display: flex;
|
|
18
|
+
margin-top: 24px;
|
|
19
|
+
gap: 12px;
|
|
20
|
+
width: 100%;
|
|
21
|
+
`,p=e.default.div`
|
|
22
|
+
margin-top: 4px;
|
|
23
|
+
max-width: 100%;
|
|
24
|
+
text-align: center;
|
|
25
|
+
max-width: 100%;
|
|
26
|
+
`;exports.ButtonContainer=n,exports.StateComponentContainer=i,exports.StateHeading=d,exports.StateIcon=a,exports.StateSubline=p;
|
|
@@ -0,0 +1 @@
|
|
|
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"),a=require("../modals/Modal.js"),i=require("../states/StateComponent.js");exports.StateModalComponent=r=>{const c=()=>u==i.StateInterface.SUCCESS?e.jsx(s.default,{}):u==i.StateInterface.WARNING?e.jsx(o.default,{}):u==i.StateInterface.ERROR?e.jsx(n.default,{}):void 0,{states:u,heading:l,subline:d,icon:j=c(),isButtonEnabled:x,type:C,buttonText:S,onButtonClick:f,leadingIcon:g,width:p}=r,[I,b]=t.useState(!0);return e.jsx(a.Modal,Object.assign({open:I,onClose:function(){b(!1)},closeOnOutsideClick:!0,centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:p}},{children:e.jsx(i.StateComponent,{states:u,heading:l,subline:d,isButtonEnabled:x,leadingIcon:g,type:C,buttonText:S,onButtonClick:f,icon:j,width:p||400})}))};
|
package/dist/cjs/index.d.ts
CHANGED
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./components/template-preview/constants/regexPatterns.js"),t=require("./utils/StringUtils.js"),r=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),n=require("./components/list-item/ListItem.js"),p=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),i=require("./components/toaster/Toaster.js"),a=require("./components/tooltips/Tooltip.js"),u=require("./components/spinner/Spinner.js"),l=require("./components/stepper/Stepper.js"),c=require("./components/tag/Tag.js"),m=require("./components/icon-button/IconButton.js"),d=require("./components/template-preview/TemplatePreview.js"),x=require("./components/template-preview/WhatsApp/WhatsAppLikePreview.js"),y=require("./components/template-preview/helpers/SmsTemplateHelper.js"),T=require("./components/template-preview/helpers/WhatsAppFormatToHTML.js"),S=require("./components/template-context-mapper/TemplateContextMapper.js"),B=require("./components/template-context-mapper/utils/getDataFromTemplateComponent.js"),P=require("./components/template-context-mapper/utils/validateIsUrl.js"),O=require("./components/fab-menu/FABMenu.js"),A=require("./components/floating-action-button/FloatingActionButton.js"),g=require("./components/floating-action-button/FloatingActionButton.styles.js"),j=require("./components/image-compress/ImageCompress.js"),C=require("./components/TypographyStyle.js"),q=require("./components/button/Button.js"),b=require("./components/progress-bar/ProgressBarComponent.js"),R=require("./components/QueryBuilder/QueryBuilder.js"),E=require("./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js"),I=require("./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js"),h=require("./components/QueryBuilder/redux/queryBuilder.reducer.js"),_=require("./components/QueryBuilder/redux/queryBuilderCache.reducer.js"),w=require("./components/QueryBuilder/types/QueryBuilderOperator.type.js"),N=require("./components/modals/styledModal.js"),f=require("./components/dropdown/Dropdown.js"),D=require("./components/dropdown/DropdownPopover/index.js"),L=require("./components/dropdown/OpenedDropdown/components/OpennedDropdown.js"),M=require("./components/analytics-card/AnalyticsCard.js"),v=require("./components/analytics-card/AnalyticsCard.styled.js"),F=require("./components/input/Input.js"),k=require("./components/analytics-chips-and-dropdowns/AnalyticsChip.js"),Q=require("./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js"),U=require("./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js"),V=require("./components/avatar/Avatar.js"),G=require("./components/thumbnail/Thumbnail.js"),H=require("./components/curtain/Curtain.js"),W=require("./components/datePicker/DatePicker.js"),Z=require("./components/switch/Switch.js"),K=require("./components/plans/SubscriptionPlan.js"),X=require("./components/plans/SubscriptionPlanSelector.js"),Y=require("./components/tabs/Tabs.js"),z=require("./components/shimmer/ShimmerComponent/BikShimmer.js"),J=require("./components/TablePagination/TablePagination.js"),$=require("./components/states-modal/StateModalComponent.js"),ee=require("./components/states/StateComponent.js");exports.regexPatterns=e,exports.StringUtils=t.default,exports.BASE_COLORS=r.BASE_COLORS,exports.COLORS=r.COLORS,exports.DEFAULT_THEME=r.DEFAULT_THEME,exports.FONTS=r.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=n.ListItem,exports.Pagination=p.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=i.Toaster,exports.Tooltip=a.Tooltip,exports.Spinner=u.Spinner,exports.Stepper=l.Stepper,exports.Tag=c.Tag,exports.IconButton=m.IconButton,exports.TemplatePreview=d.TemplatePreview,exports.WhatsappLikePreview=x.WhatsappLikePreview,exports.renderVariableUIForPreview=y.renderVariableUIForPreview,exports.WhatsAppFormatToHTML=T.WhatsAppFormatToHTML,exports.TemplateContextMapper=S.TemplateContextMapper,exports.getAllDataFromTemplateComponent=B.getAllDataFromTemplateComponent,exports.validateIsUrl=P.validateIsUrl,exports.FABMenu=O.FABMenu,exports.FloatingActionButton=A.FloatingActionButton,Object.defineProperty(exports,"DROP_POSITION",{enumerable:!0,get:function(){return g.DROP_POSITION}}),exports.DropdownToggleContainer=g.DropdownToggleContainer,Object.defineProperty(exports,"FAB_POSITION",{enumerable:!0,get:function(){return g.FAB_POSITION}}),exports.FloatingActionButtonContainer=g.FloatingActionButtonContainer,exports.FloatingActionButtonOuterContainer=g.FloatingActionButtonOuterContainer,Object.defineProperty(exports,"MENU_ALIGNMENT",{enumerable:!0,get:function(){return g.MENU_ALIGNMENT}}),exports.StyledDropdown=g.StyledDropdown,exports.TooltipStyled=g.TooltipStyled,exports.ImageService=j.ImageService,exports.BodyCaption=C.BodyCaption,exports.BodyLarge=C.BodyLarge,exports.BodyPrimary=C.BodyPrimary,exports.BodyPrimaryLink=C.BodyPrimaryLink,exports.BodyRegular=C.BodyRegular,exports.BodySecondary=C.BodySecondary,exports.BodySecondaryLink=C.BodySecondaryLink,exports.BodyTiny=C.BodyTiny,exports.ButtonLarge=C.ButtonLarge,exports.ButtonRegular=C.ButtonRegular,exports.Caption=C.Caption,exports.Display=C.Display,exports.SubHeading=C.SubHeading,exports.TitleLarge=C.TitleLarge,exports.TitleMedium=C.TitleMedium,exports.TitleRegular=C.TitleRegular,exports.TitleSmall=C.TitleSmall,exports.Button=q.Button,exports.ProgressBarComponent=b.ProgressBarComponent,exports.ProgressCompletedBar=b.ProgressCompletedBar,exports.QueryBuilder=R.QueryBuilder,exports.BaseQueryBuilderNode=E.BaseQueryBuilderNode,exports.PropertyNode=I.PropertyNode,exports.PropertyNodeHeadless=I.PropertyNodeHeadless,exports.queryBuilderSlice=h.queryBuilderSlice,exports.queryBuilderCacheSlice=_.queryBuilderCacheSlice,Object.defineProperty(exports,"BOOLEAN_OPERATORS",{enumerable:!0,get:function(){return w.BOOLEAN_OPERATORS}}),Object.defineProperty(exports,"DATE_OPERATORS",{enumerable:!0,get:function(){return w.DATE_OPERATORS}}),Object.defineProperty(exports,"EVENT_VALUES",{enumerable:!0,get:function(){return w.EVENT_VALUES}}),Object.defineProperty(exports,"FREQUENCY_OPERATORS",{enumerable:!0,get:function(){return w.FREQUENCY_OPERATORS}}),Object.defineProperty(exports,"IG_OPERATORS",{enumerable:!0,get:function(){return w.IG_OPERATORS}}),Object.defineProperty(exports,"INTEGER_OPERATORS",{enumerable:!0,get:function(){return w.INTEGER_OPERATORS}}),Object.defineProperty(exports,"STRING_OPERATORS",{enumerable:!0,get:function(){return w.STRING_OPERATORS}}),exports.StyledModal=N.StyledModal,exports.Dropdown=f.Dropdown,exports.DropdownPopover=D.DropdownPopover,exports.OpenedDropdown=L.OpenedDropdown,exports.AnalyticsCard=M.AnalyticsCard,exports.AnalyticsContainer=v.AnalyticsContainer,exports.CardDataContainer=v.CardDataContainer,exports.Input=F.Input,exports.AnalyticsChip=k.AnalyticsChip,exports.AnalyticsDropdown=Q.AnalyticsDropdown,exports.EachItem=Q.EachItem,exports.AnalyticsMultiChip=U.AnalyticsMultiChip,exports.AVATAR_SIZE_VS_ICON_SIZE_MAP=V.AVATAR_SIZE_VS_ICON_SIZE_MAP,exports.Avatar=V.Avatar,exports.BACKGROUND_VS_TEXT_COLOR_MAP=V.BACKGROUND_VS_TEXT_COLOR_MAP,Object.defineProperty(exports,"RATIO",{enumerable:!0,get:function(){return G.RATIO}}),exports.Thumbnail=G.Thumbnail,exports.Curtain=H.Curtain,exports.DatePicker=W.DatePicker,exports.Loader=Z.Loader,exports.Switch=Z.Switch,exports.SwitchContainer=Z.SwitchContainer,exports.Thumb=Z.Thumb,exports.SubscriptionPlan=K.SubscriptionPlan,exports.SubscriptionPlanSelector=X.SubscriptionPlanSelector,exports.TabItemComponent=Y.TabItemComponent,exports.BikShimmer=z.BikShimmer,exports.TablePagination=J.TablePagination,exports.StateModalComponent=$.StateModalComponent,Object.defineProperty(exports,"ButtonActions",{enumerable:!0,get:function(){return ee.ButtonActions}}),Object.defineProperty(exports,"ButtonTypes",{enumerable:!0,get:function(){return ee.ButtonTypes}}),exports.StateComponent=ee.StateComponent,Object.defineProperty(exports,"StateInterface",{enumerable:!0,get:function(){return ee.StateInterface}});
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react";var t,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},l),t||(t=e.createElement("rect",{width:64,height:64,fill:"#D53434",rx:32})),a||(a=e.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M30.037 19.044a4 4 0 0 1 5.383 1.411l.004.007 11.293 18.853.01.018a4 4 0 0 1-3.42 6H20.693a4 4 0 0 1-3.42-6l.01-.018 11.294-18.853.004-.007a4.001 4.001 0 0 1 1.457-1.41Zm.824 2.791-11.284 18.84a1.334 1.334 0 0 0 1.138 1.992h22.57a1.333 1.333 0 0 0 1.138-1.992L33.14 21.838l-.002-.003a1.333 1.333 0 0 0-2.277 0ZM32 26.668c.736 0 1.333.597 1.333 1.333v5.333a1.333 1.333 0 1 1-2.666 0V28c0-.736.597-1.333 1.333-1.333Zm0 10.666A1.333 1.333 0 0 0 32 40h.013a1.333 1.333 0 1 0 0-2.667H32Z",clipRule:"evenodd"})));export{l as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react";var t,r;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var l in r)Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l])}return e},l.apply(this,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},n),t||(t=e.createElement("rect",{width:64,height:64,fill:"#1A872C",rx:32})),r||(r=e.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M46.512 20.822c.65.65.65 1.706 0 2.357L28.178 41.511c-.65.65-1.706.65-2.357 0l-8.333-8.334a1.667 1.667 0 1 1 2.357-2.356L27 37.975l17.155-17.154c.65-.651 1.706-.651 2.357 0Z",clipRule:"evenodd"})));export{n as default};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import*as e from"react";var t,a;function r(){return r=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},r.apply(this,arguments)}var l=l=>e.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 64 64"},l),t||(t=e.createElement("rect",{width:64,height:64,fill:"#FEC02D",rx:32})),a||(a=e.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M30.037 19.044a4 4 0 0 1 5.383 1.411l.004.007 11.293 18.853.01.018a4 4 0 0 1-3.42 6H20.693a4 4 0 0 1-3.42-6l.01-.018 11.294-18.853.004-.007a4.001 4.001 0 0 1 1.457-1.41Zm.824 2.791-11.284 18.84a1.334 1.334 0 0 0 1.138 1.992h22.57a1.333 1.333 0 0 0 1.138-1.992L33.14 21.838l-.002-.003a1.333 1.333 0 0 0-2.277 0ZM32 26.668c.736 0 1.333.597 1.333 1.333v5.333a1.333 1.333 0 1 1-2.666 0V28c0-.736.597-1.333 1.333-1.333Zm0 10.666A1.333 1.333 0 0 0 32 40h.013a1.333 1.333 0 1 0 0-2.667H32Z",clipRule:"evenodd"})));export{l as default};
|
|
@@ -21,5 +21,5 @@ export interface SubscriptionPlanProps {
|
|
|
21
21
|
onPlanSelect: (code: string) => void;
|
|
22
22
|
}
|
|
23
23
|
type Props = SubscriptionPlanProps;
|
|
24
|
-
declare const SubscriptionPlan: FunctionComponent<Props>;
|
|
25
|
-
export
|
|
24
|
+
export declare const SubscriptionPlan: FunctionComponent<Props>;
|
|
25
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{Button as s}from"../button/Button.js";import{SubscriptionPlanStyled as i}from"./SubscriptionPlanStyled.js";import{Caption as a,TitleRegular as n,TitleLarge as c,BodyPrimary as l,BodyCaption as r}from"../TypographyStyle.js";import{COLORS as o}from"../../constants/Theme.js";const d=d=>{const m=d.showMonthly?d.monthlyPlan:d.yearlyPlan;return e(i,{children:[!d.isDisabled&&d.isMostPopular&&t("div",Object.assign({className:"most-popular"},{children:t(a,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e("div",Object.assign({className:`box ${d.isSelected?"selected":""} ${d.isDisabled?"disabled":""}`},{children:[e("div",{children:[t(n,Object.assign({style:{color:o.content.secondary,marginBottom:4}},{children:d.planName})),e("div",Object.assign({className:"price-block"},{children:[e(c,Object.assign({style:{color:o.content.primary}},{children:["$ ",m.price]})),e(l,Object.assign({style:{color:o.content.secondary,marginLeft:4}},{children:["/ ",d.showMonthly?"monthly":"yearly"]}))]})),e("div",Object.assign({className:"per-message-price"},{children:[t(r,Object.assign({style:{color:o.content.secondary}},{children:d.planDescription})),t(r,Object.assign({style:{color:o.background.positive.vibrant,marginLeft:4}},{children:d.planDescriptionDiscount}))]})),t(a,Object.assign({className:"trial "+(d.isSelected?"selected":"")},{children:"14 day free trial"})),t("div",Object.assign({className:"features"},{children:d.features.map(((e,s)=>t(l,Object.assign({className:"feature"},{children:e.detail}),s)))}))]}),e("div",Object.assign({className:"button-box"},{children:[d.isSelected&&t(s,{buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!0}),d.isDisabled&&t(s,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!d.isSelected&&!d.isDisabled&&t(s,{buttonType:"primary",size:"medium",onClick:()=>d.onPlanSelect(d.code),matchParentWidth:!0,buttonText:"Choose plan"})]}))]}))]})};export{d as SubscriptionPlan};
|
|
@@ -4,5 +4,5 @@ type Props = {
|
|
|
4
4
|
plans: SubscriptionPlanProps[];
|
|
5
5
|
onPlanSelect: (code: string) => void;
|
|
6
6
|
};
|
|
7
|
-
declare const SubscriptionPlanSelector: FunctionComponent<Props>;
|
|
8
|
-
export
|
|
7
|
+
export declare const SubscriptionPlanSelector: FunctionComponent<Props>;
|
|
8
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import c from"@emotion/styled/base";import{jsx as l}from"react/jsx-runtime";import{createElement as e}from"react";import{StyledModal as t}from"../modals/styledModal.js";import{SubscriptionPlan as a}from"./SubscriptionPlan.js";const i=c("div","production"===process.env.NODE_ENV?{target:"e1s1pw0f0"}:{target:"e1s1pw0f0",label:"PlanWrapper"})("production"===process.env.NODE_ENV?{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px"}:{name:"z72o5x",styles:"display:flex;column-gap:22px;align-items:stretch;padding:24px",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytCIiwiZmlsZSI6IlN1YnNjcmlwdGlvblBsYW5TZWxlY3Rvci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgeyBjcmVhdGVFbGVtZW50IGFzIF9jcmVhdGVFbGVtZW50IH0gZnJvbSBcInJlYWN0XCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgU3R5bGVkTW9kYWwgfSBmcm9tIFwiLi4vbW9kYWxzXCI7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvblBsYW4sIH0gZnJvbSBcIi4vU3Vic2NyaXB0aW9uUGxhblwiO1xyXG5jb25zdCBQbGFuV3JhcHBlciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRjb2x1bW4tZ2FwOiAyMnB4O1xuXHRhbGlnbi1pdGVtczogc3RyZXRjaDtcblx0cGFkZGluZzogMjRweDtcbmA7XHJcbi8vIFNlbGVjdGVkIHBsYW4gdG8gaGF2ZSBjaG9zZW4gcGxhbiBub3Qgc2VsZWN0YWJsZVxyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yID0gKHByb3BzKSA9PiB7XHJcbiAgICByZXR1cm4gKF9qc3goU3R5bGVkTW9kYWwsIE9iamVjdC5hc3NpZ24oeyBjZW50cmFsQ29udGFpbmVyU3R5bGVzOiB7XHJcbiAgICAgICAgICAgIHdpZHRoOiAxMDAwLFxyXG4gICAgICAgIH0sIG9wZW46IHRydWUsIGhlYWRpbmdUaXRsZTogJ1NlbGVjdCBhIHBsYW4gdG8gcHJvY2VlZCcsIGhlYWRpbmdTdWJ0aXRsZTogJ0FsbCBwbGFucyBoYXZlIDE0IGRheSBmcmVlIHRyaWFsLiBZb3UgY2FuIGNoYW5nZSBwbGFucyBsYXRlciBhcyB3ZWxsJyB9LCB7IGNoaWxkcmVuOiBfanN4KFBsYW5XcmFwcGVyLCB7IGNoaWxkcmVuOiBwcm9wcy5wbGFucy5tYXAoKHByb3ApID0+IHtcclxuICAgICAgICAgICAgICAgIHJldHVybiAoX2NyZWF0ZUVsZW1lbnQoU3Vic2NyaXB0aW9uUGxhbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcCwgeyBvblBsYW5TZWxlY3Q6IHByb3BzLm9uUGxhblNlbGVjdCwga2V5OiBwcm9wLnBsYW5OYW1lLCBzaG93TW9udGhseTogZmFsc2UgfSkpKTtcclxuICAgICAgICAgICAgfSkgfSkgfSkpKTtcclxufTtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9U3Vic2NyaXB0aW9uUGxhblNlbGVjdG9yLmpzLm1hcCJdfQ== */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),s=c=>l(t,Object.assign({centralContainerStyles:{width:1e3},open:!0,headingTitle:"Select a plan to proceed",headingSubtitle:"All plans have 14 day free trial. You can change plans later as well"},{children:l(i,{children:c.plans.map((l=>e(a,Object.assign({},l,{onPlanSelect:c.onPlanSelect,key:l.planName,showMonthly:!1}))))})}));export{s as SubscriptionPlanSelector};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import
|
|
1
|
+
import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e4062250"}:{target:"e4062250",label:"SubscriptionPlanStyled"})(".box{height:400px;padding:24px;background-color:",d.surface.standard,";display:flex;flex-direction:column;.button-box{margin-top:auto;display:flex;}}.box.selected{background-color:",d.background.brandLight,";}box-shadow:0 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;width:100%;.most-popular{background:linear-gradient(90.05deg, #743979 1.22%, #526dca 99.95%),#4b1583;padding:4px;border-top-left-radius:4px;border-top-right-radius:4px;display:flex;justify-content:center;align-items:center;.text{color:",d.surface.standard,";}}.trial{margin-top:16px;margin-bottom:8px;padding:4px 8px;color:",d.content.secondary,";background-color:",d.surface.hovered,";}.trial.selected{background-color:",d.surface.standard,";}.feature{margin-top:12px;color:",d.content.secondary,";}.price-block{display:flex;margin-bottom:4px;align-items:center;}.per-message-price{display:flex;}.disabled{*{color:",d.content.inactive,"!important;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlN1YnNjcmlwdGlvblBsYW5TdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVpRCIsImZpbGUiOiJTdWJzY3JpcHRpb25QbGFuU3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3Vic2NyaXB0aW9uUGxhblN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHQuYm94IHtcblx0XHRoZWlnaHQ6IDQwMHB4O1xuXHRcdHBhZGRpbmc6IDI0cHg7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdGFuZGFyZH07XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuXG5cdFx0LmJ1dHRvbi1ib3gge1xuXHRcdFx0bWFyZ2luLXRvcDogYXV0bztcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5cblx0LmJveC5zZWxlY3RlZCB7XG5cdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5icmFuZExpZ2h0fTtcblx0fVxuXG5cdGJveC1zaGFkb3c6IDAgMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5tb3N0LXBvcHVsYXIge1xuXHRcdGJhY2tncm91bmQ6IGxpbmVhci1ncmFkaWVudCg5MC4wNWRlZywgIzc0Mzk3OSAxLjIyJSwgIzUyNmRjYSA5OS45NSUpLFxuXHRcdFx0IzRiMTU4Mztcblx0XHRwYWRkaW5nOiA0cHg7XG5cdFx0Ym9yZGVyLXRvcC1sZWZ0LXJhZGl1czogNHB4O1xuXHRcdGJvcmRlci10b3AtcmlnaHQtcmFkaXVzOiA0cHg7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXG5cdFx0LnRleHQge1xuXHRcdFx0Y29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdH1cblx0fVxuXG5cdC50cmlhbCB7XG5cdFx0bWFyZ2luLXRvcDogMTZweDtcblx0XHRtYXJnaW4tYm90dG9tOiA4cHg7XG5cdFx0cGFkZGluZzogNHB4IDhweDtcblx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5zZWNvbmRhcnl9O1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2UuaG92ZXJlZH07XG5cdH1cblxuXHQudHJpYWwuc2VsZWN0ZWQge1xuXHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHR9XG5cblx0LmZlYXR1cmUge1xuXHRcdG1hcmdpbi10b3A6IDEycHg7XG5cdFx0Y29sb3I6ICR7Q09MT1JTLmNvbnRlbnQuc2Vjb25kYXJ5fTtcblx0fVxuXG5cdC5wcmljZS1ibG9jayB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRtYXJnaW4tYm90dG9tOiA0cHg7XG5cdFx0YWxpZ24taXRlbXM6IGNlbnRlcjtcblx0fVxuXG5cdC5wZXItbWVzc2FnZS1wcmljZSB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0fVxuXG5cdC5kaXNhYmxlZCB7XG5cdFx0KiB7XG5cdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX0gIWltcG9ydGFudDtcblx0XHR9XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVN1YnNjcmlwdGlvblBsYW5TdHlsZWQuanMubWFwIl19 */"));export{l as SubscriptionPlanStyled};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsxs as t,jsx as n,Fragment as o}from"react/jsx-runtime";import{COLORS as e}from"../../constants/Theme.js";import r from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import c from"../../assets/icons/warningIcon.svg.js";import{Button as i}from"../button/Button.js";import{TitleMedium as a,BodyPrimary as m}from"../TypographyStyle.js";import{StateComponentContainer as l,StateIcon as d,StateHeading as h,StateSubline as u,ButtonContainer as p}from"./StateComponent.styled.js";var E,C,f;!function(t){t.SUCCESS="success",t.ERROR="error",t.WARNING="warning"}(E||(E={})),function(t){t.CANCEL="cancel",t.OTHER="other"}(C||(C={})),function(t){t.SINGLE="SINGLE",t.DOUBLE="DOUBLE"}(f||(f={}));const g=g=>{const y=()=>R==E.SUCCESS?n(s,{}):R==E.WARNING?n(c,{}):R==E.ERROR?n(r,{}):void 0,{states:R,heading:b,subline:j,icon:S=y(),isButtonEnabled:I,type:O,buttonText:T,onButtonClick:L,leadingIcon:N,width:B}=g;return t(l,Object.assign({width:B},{children:[n(d,{children:S}),n(h,{children:n(a,{children:b})}),n(u,{children:n(m,Object.assign({color:e.content.secondary},{children:j}))}),I&&n(o,{children:t(p,{children:[O==f.DOUBLE&&n(i,{onClick:()=>L&&L(C.CANCEL),buttonType:"secondary",buttonText:"Cancel",matchParentWidth:!0}),n(i,{onClick:()=>L&&L(C.OTHER),buttonType:"primary",LeadingIcon:N,buttonText:null!=T?T:"Retry",matchParentWidth:!0})]})})]}))};export{C as ButtonActions,f as ButtonTypes,g as StateComponent,E as StateInterface};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import i from"styled-components";const t=i.div`
|
|
2
|
+
width: ${i=>i.width?`${i.width}px`:"400px"};
|
|
3
|
+
position: relative;
|
|
4
|
+
border-radius: 4px;
|
|
5
|
+
padding: 32px 24px 24px 24px;
|
|
6
|
+
display: flex;
|
|
7
|
+
flex-direction: column;
|
|
8
|
+
align-items: center;
|
|
9
|
+
`,p=i.div`
|
|
10
|
+
width: 64px;
|
|
11
|
+
height: 64px;
|
|
12
|
+
`,x=i.div`
|
|
13
|
+
margin-top: 16px;
|
|
14
|
+
text-align: center;
|
|
15
|
+
max-width: 100%;
|
|
16
|
+
`,d=i.div`
|
|
17
|
+
display: flex;
|
|
18
|
+
margin-top: 24px;
|
|
19
|
+
gap: 12px;
|
|
20
|
+
width: 100%;
|
|
21
|
+
`,e=i.div`
|
|
22
|
+
margin-top: 4px;
|
|
23
|
+
max-width: 100%;
|
|
24
|
+
text-align: center;
|
|
25
|
+
max-width: 100%;
|
|
26
|
+
`;export{d as ButtonContainer,t as StateComponentContainer,x as StateHeading,p as StateIcon,e as StateSubline};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import{useState as n}from"react";import o from"../../assets/icons/errorIcon.svg.js";import s from"../../assets/icons/successIcon.svg.js";import e from"../../assets/icons/warningIcon.svg.js";import{Modal as i}from"../modals/Modal.js";import{StateComponent as r,StateInterface as c}from"../states/StateComponent.js";const a=a=>{const l=()=>m==c.SUCCESS?t(s,{}):m==c.WARNING?t(e,{}):m==c.ERROR?t(o,{}):void 0,{states:m,heading:d,subline:u,icon:p=l(),isButtonEnabled:f,type:g,buttonText:C,onButtonClick:j,leadingIcon:b,width:I}=a,[h,x]=n(!0);return t(i,Object.assign({open:h,onClose:function(){x(!1)},closeOnOutsideClick:!0,centralContainerStyles:{display:"flex",alignItems:"center",justifyContent:"center",width:I}},{children:t(r,{states:m,heading:d,subline:u,isButtonEnabled:f,leadingIcon:b,type:g,buttonText:C,onButtonClick:j,icon:p,width:I||400})}))};export{a as StateModalComponent};
|
package/dist/esm/index.d.ts
CHANGED
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,IG_OPERATORS,INTEGER_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";
|
|
1
|
+
import*as o from"./components/template-preview/constants/regexPatterns.js";export{o as regexPatterns};export{default as StringUtils}from"./utils/StringUtils.js";export{BASE_COLORS,COLORS,DEFAULT_THEME,FONTS}from"./constants/Theme.js";export{CheckBox}from"./components/checkBox/CheckBox.js";export{ListItem}from"./components/list-item/ListItem.js";export{Pagination}from"./components/pagination/Pagination.js";export{RadioButton}from"./components/radioButton/RadioButton.js";export{Toaster}from"./components/toaster/Toaster.js";export{Tooltip}from"./components/tooltips/Tooltip.js";export{Spinner}from"./components/spinner/Spinner.js";export{Stepper}from"./components/stepper/Stepper.js";export{Tag}from"./components/tag/Tag.js";export{IconButton}from"./components/icon-button/IconButton.js";export{TemplatePreview}from"./components/template-preview/TemplatePreview.js";export{WhatsappLikePreview}from"./components/template-preview/WhatsApp/WhatsAppLikePreview.js";export{renderVariableUIForPreview}from"./components/template-preview/helpers/SmsTemplateHelper.js";export{WhatsAppFormatToHTML}from"./components/template-preview/helpers/WhatsAppFormatToHTML.js";export{TemplateContextMapper}from"./components/template-context-mapper/TemplateContextMapper.js";export{getAllDataFromTemplateComponent}from"./components/template-context-mapper/utils/getDataFromTemplateComponent.js";export{validateIsUrl}from"./components/template-context-mapper/utils/validateIsUrl.js";export{FABMenu}from"./components/fab-menu/FABMenu.js";export{FloatingActionButton}from"./components/floating-action-button/FloatingActionButton.js";export{DROP_POSITION,DropdownToggleContainer,FAB_POSITION,FloatingActionButtonContainer,FloatingActionButtonOuterContainer,MENU_ALIGNMENT,StyledDropdown,TooltipStyled}from"./components/floating-action-button/FloatingActionButton.styles.js";export{ImageService}from"./components/image-compress/ImageCompress.js";export{BodyCaption,BodyLarge,BodyPrimary,BodyPrimaryLink,BodyRegular,BodySecondary,BodySecondaryLink,BodyTiny,ButtonLarge,ButtonRegular,Caption,Display,SubHeading,TitleLarge,TitleMedium,TitleRegular,TitleSmall}from"./components/TypographyStyle.js";export{Button}from"./components/button/Button.js";export{ProgressBarComponent,ProgressCompletedBar}from"./components/progress-bar/ProgressBarComponent.js";export{QueryBuilder}from"./components/QueryBuilder/QueryBuilder.js";export{BaseQueryBuilderNode}from"./components/QueryBuilder/components/QueryBuilderNode/Base/BaseQueryBuilderNode.js";export{PropertyNode,PropertyNodeHeadless}from"./components/QueryBuilder/components/QueryBuilderNode/Property/PropertyNode.js";export{queryBuilderSlice}from"./components/QueryBuilder/redux/queryBuilder.reducer.js";export{queryBuilderCacheSlice}from"./components/QueryBuilder/redux/queryBuilderCache.reducer.js";export{BOOLEAN_OPERATORS,DATE_OPERATORS,EVENT_VALUES,FREQUENCY_OPERATORS,IG_OPERATORS,INTEGER_OPERATORS,STRING_OPERATORS}from"./components/QueryBuilder/types/QueryBuilderOperator.type.js";export{StyledModal}from"./components/modals/styledModal.js";export{Dropdown}from"./components/dropdown/Dropdown.js";export{DropdownPopover}from"./components/dropdown/DropdownPopover/index.js";export{OpenedDropdown}from"./components/dropdown/OpenedDropdown/components/OpennedDropdown.js";export{AnalyticsCard}from"./components/analytics-card/AnalyticsCard.js";export{AnalyticsContainer,CardDataContainer}from"./components/analytics-card/AnalyticsCard.styled.js";export{Input}from"./components/input/Input.js";export{AnalyticsChip}from"./components/analytics-chips-and-dropdowns/AnalyticsChip.js";export{AnalyticsDropdown,EachItem}from"./components/analytics-chips-and-dropdowns/AnalyticsDropdown.js";export{AnalyticsMultiChip}from"./components/analytics-chips-and-dropdowns/AnalyticsMultiChip.js";export{AVATAR_SIZE_VS_ICON_SIZE_MAP,Avatar,BACKGROUND_VS_TEXT_COLOR_MAP}from"./components/avatar/Avatar.js";export{RATIO,Thumbnail}from"./components/thumbnail/Thumbnail.js";export{Curtain}from"./components/curtain/Curtain.js";export{DatePicker}from"./components/datePicker/DatePicker.js";export{Loader,Switch,SwitchContainer,Thumb}from"./components/switch/Switch.js";export{SubscriptionPlan}from"./components/plans/SubscriptionPlan.js";export{SubscriptionPlanSelector}from"./components/plans/SubscriptionPlanSelector.js";export{TabItemComponent}from"./components/tabs/Tabs.js";export{BikShimmer}from"./components/shimmer/ShimmerComponent/BikShimmer.js";export{TablePagination}from"./components/TablePagination/TablePagination.js";export{StateModalComponent}from"./components/states-modal/StateModalComponent.js";export{ButtonActions,ButtonTypes,StateComponent,StateInterface}from"./components/states/StateComponent.js";
|