@bikdotai/bik-component-library 0.0.263 → 0.0.264-beta.1

package/dist/cjs/components/add-variableV2/__stories__/AddVariableV2.stories.d.ts

@@ -0,0 +1,505 @@
+/// <reference types="react" />
+import { ComponentMeta, ComponentStory } from '@storybook/react';
+declare const _default: ComponentMeta<import("react").FC<import("../AddVariableV2SideModal").VariableV2SideModalProps>>;
+export default _default;
+export declare const AddVariableModalComponent: ComponentStory<import("react").FC<import("../AddVariableV2SideModal").VariableV2SideModalProps>>;
+export declare const customVariables: {
+    payloadVariables: {
+        description: string;
+        displayName: string;
+        orderId: number;
+        variables: {
+            'Custom text': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'Custom url': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+        };
+    };
+};
+export declare const storeVariables: {
+    payloadVariables: {
+        description: string;
+        displayName: string;
+        orderId: number;
+        variables: {
+            'store id': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'store name': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'store url': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'store phoneNumber': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'store email': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+        };
+    };
+};
+export declare const customerVariables: {
+    payloadVariables: {
+        description: string;
+        displayName: string;
+        orderId: number;
+        variables: {
+            'customer id': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer name': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer cityAddress': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer fullAddress': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer pincode': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer email': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer phone': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer state': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer returnUser': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer tags': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'customer instagramUsername': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+        };
+    };
+};
+export declare const cartVariables: {
+    payloadVariables: {
+        description: string;
+        displayName: string;
+        orderId: number;
+        variables: {
+            'cart productQuantity': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart storeId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart imageUrl': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart cartUrl': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart productName': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart phoneNumber': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart id': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart productPrice': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart productId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart triggerSource': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart userId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart converted': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'cart triggerType': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+        };
+    };
+};
+export declare const orderVariables: {
+    payloadVariables: {
+        description: string;
+        displayName: string;
+        orderId: number;
+        variables: {
+            'order storeId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order catalogId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order partnersDataId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order pinCode': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order orderNo': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order id': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order name': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order city': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order allProductNames': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order itemCount': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order paymentAmount': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order paymentStatus': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order url': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order paymentMode': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order total': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order status': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productId': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productName': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order address': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productImage': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order customerName': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order state': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order triggerType': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order tags': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order fulfillmentStatus': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productFulfillmentStatus': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productShipmentStatus': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productTrackingCompany': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productTrackingNumber': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order productTrackingUrl': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order phone': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order email': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order shippingAddressPhoneNumber': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+            'order billingAddressPhoneNumber': {
+                description: undefined;
+                displayName: string;
+                actualValue: string;
+                variableType: string;
+                isAvailable: boolean;
+            };
+        };
+    };
+};

package/dist/cjs/components/add-variableV2/__stories__/AddVariableV2.stories.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),e=require("react"),r=require("../AddVariableV2SideModal.js"),i=require("../../button/Button.js");const l=(l=>{const[u,c]=e.useState(!1),[n,v]=e.useState(""),m=[];m.push(t),m.push(s),m.push(d),m.push(o),m.push(p);const b={data:m,showVariable:u,setShowVariable:c,variableValue:n,setVariableValue:v,placeholder:"Add a variable"};return a.jsxs(a.Fragment,{children:[a.jsx(i.Button,{buttonText:"Show Modal",onClick:()=>{c(!u)}}),u&&a.jsx(r.AddVariableV2SideModal,Object.assign({},b))]})}).bind({});l.args={};const t={payloadVariables:{description:"Custom variables",displayName:"Custom variables",orderId:101,variables:{"Custom text":{description:void 0,displayName:"Custom text",actualValue:"{{custom.text}}",variableType:"any",isAvailable:!0},"Custom url":{description:void 0,displayName:"Custom url",actualValue:"{{custom.url}}",variableType:"any",isAvailable:!0}}}},s={payloadVariables:{description:"Store variables",displayName:"Store variables",orderId:401,variables:{"store id":{description:void 0,displayName:"store id",actualValue:"{{store.id}}",variableType:"string",isAvailable:!0},"store name":{description:void 0,displayName:"store name",actualValue:"{{store.name}}",variableType:"string",isAvailable:!0},"store url":{description:void 0,displayName:"store url",actualValue:"{{store.url}}",variableType:"string",isAvailable:!0},"store phoneNumber":{description:void 0,displayName:"store phoneNumber",actualValue:"{{store.phoneNumber}}",variableType:"string",isAvailable:!0},"store email":{description:void 0,displayName:"store email",actualValue:"{{store.email}}",variableType:"string",isAvailable:!0}}}},d={payloadVariables:{description:"Customer variables",displayName:"Customer variables",orderId:402,variables:{"customer id":{description:void 0,displayName:"customer id",actualValue:"{{customer.id}}",variableType:"integer",isAvailable:!0},"customer name":{description:void 0,displayName:"customer name",actualValue:"{{customer.name}}",variableType:"string",isAvailable:!0},"customer cityAddress":{description:void 0,displayName:"customer cityAddress",actualValue:"{{customer.cityAddress}}",variableType:"string",isAvailable:!0},"customer fullAddress":{description:void 0,displayName:"customer fullAddress",actualValue:"{{customer.fullAddress}}",variableType:"string",isAvailable:!0},"customer pincode":{description:void 0,displayName:"customer pincode",actualValue:"{{customer.pincode}}",variableType:"string",isAvailable:!0},"customer email":{description:void 0,displayName:"customer email",actualValue:"{{customer.email}}",variableType:"string",isAvailable:!0},"customer phone":{description:void 0,displayName:"customer phone",actualValue:"{{customer.phone}}",variableType:"string",isAvailable:!0},"customer state":{description:void 0,displayName:"customer state",actualValue:"{{customer.state}}",variableType:"string",isAvailable:!0},"customer returnUser":{description:void 0,displayName:"customer returnUser",actualValue:"{{customer.returnUser}}",variableType:"boolean",isAvailable:!0},"customer tags":{description:void 0,displayName:"customer tags",actualValue:"{{customer.tags}}",variableType:"list",isAvailable:!0},"customer instagramUsername":{description:void 0,displayName:"customer instagramUsername",actualValue:"{{customer.instagramUsername}}",variableType:"string",isAvailable:!0}}}},o={payloadVariables:{description:"Cart variables",displayName:"Cart variables",orderId:403,variables:{"cart productQuantity":{description:void 0,displayName:"cart productQuantity",actualValue:"{{cart.productQuantity}}",variableType:"integer",isAvailable:!0},"cart storeId":{description:void 0,displayName:"cart storeId",actualValue:"{{cart.storeId}}",variableType:"string",isAvailable:!0},"cart imageUrl":{description:void 0,displayName:"cart imageUrl",actualValue:"{{cart.imageUrl}}",variableType:"string",isAvailable:!0},"cart cartUrl":{description:void 0,displayName:"cart cartUrl",actualValue:"{{cart.cartUrl}}",variableType:"string",isAvailable:!0},"cart productName":{description:void 0,displayName:"cart productName",actualValue:"{{cart.productName}}",variableType:"string",isAvailable:!0},"cart phoneNumber":{description:void 0,displayName:"cart phoneNumber",actualValue:"{{cart.phoneNumber}}",variableType:"string",isAvailable:!0},"cart id":{description:void 0,displayName:"cart id",actualValue:"{{cart.id}}",variableType:"string",isAvailable:!0},"cart productPrice":{description:void 0,displayName:"cart productPrice",actualValue:"{{cart.productPrice}}",variableType:"string",isAvailable:!0},"cart productId":{description:void 0,displayName:"cart productId",actualValue:"{{cart.productId}}",variableType:"integer",isAvailable:!0},"cart triggerSource":{description:void 0,displayName:"cart triggerSource",actualValue:"{{cart.triggerSource}}",variableType:"string",isAvailable:!0},"cart userId":{description:void 0,displayName:"cart userId",actualValue:"{{cart.userId}}",variableType:"integer",isAvailable:!0},"cart converted":{description:void 0,displayName:"cart converted",actualValue:"{{cart.converted}}",variableType:"boolean",isAvailable:!0},"cart triggerType":{description:void 0,displayName:"cart triggerType",actualValue:"{{cart.triggerType}}",variableType:"string",isAvailable:!0}}}},p={payloadVariables:{description:"Order variables",displayName:"Order variables",orderId:404,variables:{"order storeId":{description:void 0,displayName:"order storeId",actualValue:"{{order.storeId}}",variableType:"string",isAvailable:!0},"order catalogId":{description:void 0,displayName:"order catalogId",actualValue:"{{order.catalogId}}",variableType:"string",isAvailable:!0},"order partnersDataId":{description:void 0,displayName:"order partnersDataId",actualValue:"{{order.partnersDataId}}",variableType:"integer",isAvailable:!0},"order pinCode":{description:void 0,displayName:"order pinCode",actualValue:"{{order.pinCode}}",variableType:"string",isAvailable:!0},"order orderNo":{description:void 0,displayName:"order orderNo",actualValue:"{{order.orderNo}}",variableType:"string",isAvailable:!0},"order id":{description:void 0,displayName:"order id",actualValue:"{{order.id}}",variableType:"string",isAvailable:!0},"order name":{description:void 0,displayName:"order name",actualValue:"{{order.name}}",variableType:"string",isAvailable:!0},"order city":{description:void 0,displayName:"order city",actualValue:"{{order.city}}",variableType:"string",isAvailable:!0},"order allProductNames":{description:void 0,displayName:"order allProductNames",actualValue:"{{order.allProductNames}}",variableType:"string",isAvailable:!0},"order itemCount":{description:void 0,displayName:"order itemCount",actualValue:"{{order.itemCount}}",variableType:"integer",isAvailable:!0},"order paymentAmount":{description:void 0,displayName:"order paymentAmount",actualValue:"{{order.paymentAmount}}",variableType:"integer",isAvailable:!0},"order paymentStatus":{description:void 0,displayName:"order paymentStatus",actualValue:"{{order.paymentStatus}}",variableType:"string",isAvailable:!0},"order url":{description:void 0,displayName:"order url",actualValue:"{{order.url}}",variableType:"string",isAvailable:!0},"order paymentMode":{description:void 0,displayName:"order paymentMode",actualValue:"{{order.paymentMode}}",variableType:"string",isAvailable:!0},"order total":{description:void 0,displayName:"order total",actualValue:"{{order.total}}",variableType:"number",isAvailable:!0},"order status":{description:void 0,displayName:"order status",actualValue:"{{order.status}}",variableType:"string",isAvailable:!0},"order productId":{description:void 0,displayName:"order productId",actualValue:"{{order.productId}}",variableType:"integer",isAvailable:!0},"order productName":{description:void 0,displayName:"order productName",actualValue:"{{order.productName}}",variableType:"string",isAvailable:!0},"order address":{description:void 0,displayName:"order address",actualValue:"{{order.address}}",variableType:"string",isAvailable:!0},"order productImage":{description:void 0,displayName:"order productImage",actualValue:"{{order.productImage}}",variableType:"string",isAvailable:!0},"order customerName":{description:void 0,displayName:"order customerName",actualValue:"{{order.customerName}}",variableType:"string",isAvailable:!0},"order state":{description:void 0,displayName:"order state",actualValue:"{{order.state}}",variableType:"string",isAvailable:!0},"order triggerType":{description:void 0,displayName:"order triggerType",actualValue:"{{order.triggerType}}",variableType:"string",isAvailable:!0},"order tags":{description:void 0,displayName:"order tags",actualValue:"{{order.tags}}",variableType:"list",isAvailable:!0},"order fulfillmentStatus":{description:void 0,displayName:"order fulfillmentStatus",actualValue:"{{order.fulfillmentStatus}}",variableType:"string",isAvailable:!0},"order productFulfillmentStatus":{description:void 0,displayName:"order productFulfillmentStatus",actualValue:"{{order.productFulfillmentStatus}}",variableType:"string",isAvailable:!0},"order productShipmentStatus":{description:void 0,displayName:"order productShipmentStatus",actualValue:"{{order.productShipmentStatus}}",variableType:"string",isAvailable:!0},"order productTrackingCompany":{description:void 0,displayName:"order productTrackingCompany",actualValue:"{{order.productTrackingCompany}}",variableType:"string",isAvailable:!0},"order productTrackingNumber":{description:void 0,displayName:"order productTrackingNumber",actualValue:"{{order.productTrackingNumber}}",variableType:"string",isAvailable:!0},"order productTrackingUrl":{description:void 0,displayName:"order productTrackingUrl",actualValue:"{{order.productTrackingUrl}}",variableType:"string",isAvailable:!0},"order phone":{description:void 0,displayName:"order phone",actualValue:"{{order.phone}}",variableType:"string",isAvailable:!0},"order email":{description:void 0,displayName:"order email",actualValue:"{{order.email}}",variableType:"string",isAvailable:!0},"order shippingAddressPhoneNumber":{description:void 0,displayName:"order shippingAddressPhoneNumber",actualValue:"{{order.shippingAddressPhoneNumber}}",variableType:"string",isAvailable:!0},"order billingAddressPhoneNumber":{description:void 0,displayName:"order billingAddressPhoneNumber",actualValue:"{{order.billingAddressPhoneNumber}}",variableType:"string",isAvailable:!0}}}};exports.AddVariableModalComponent=l,exports.cartVariables=o,exports.customVariables=t,exports.customerVariables=d,exports.orderVariables=p,exports.storeVariables=s;

package/dist/cjs/components/add-variableV2/backIcon.d.ts

@@ -0,0 +1,3 @@
+import { Icon } from "./icon-props";
+declare const BackButton: Icon;
+export default BackButton;

package/dist/cjs/components/add-variableV2/backIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{color:i,height:l,width:r}=t;return e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:r||"16",height:l||"16",viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7071 4.29289C13.0976 4.68342 13.0976 5.31658 12.7071 5.70711L7.41421 11H19C19.5523 11 20 11.4477 20 12C20 12.5523 19.5523 13 19 13H7.41421L12.7071 18.2929C13.0976 18.6834 13.0976 19.3166 12.7071 19.7071C12.3166 20.0976 11.6834 20.0976 11.2929 19.7071L4.29289 12.7071C3.90237 12.3166 3.90237 11.6834 4.29289 11.2929L11.2929 4.29289C11.6834 3.90237 12.3166 3.90237 12.7071 4.29289Z",fill:i||"#212121"})}))};

package/dist/cjs/components/add-variableV2/closeIcon.d.ts

@@ -0,0 +1,3 @@
+import { Icon } from "./icon-props";
+declare const CloseIcon: Icon;
+export default CloseIcon;

package/dist/cjs/components/add-variableV2/closeIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{width:r,height:s}=t;return e.jsx(e.Fragment,{children:e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:r||"24",height:s||"24",viewBox:"0 0 24 24",fill:"none"},{children:e.jsx("path",{d:"M18.7071 6.70711C19.0976 6.31658 19.0976 5.68342 18.7071 5.29289C18.3166 4.90237 17.6834 4.90237 17.2929 5.29289L12 10.5858L6.70711 5.29289C6.31658 4.90237 5.68342 4.90237 5.29289 5.29289C4.90237 5.68342 4.90237 6.31658 5.29289 6.70711L10.5858 12L5.29289 17.2929C4.90237 17.6834 4.90237 18.3166 5.29289 18.7071C5.68342 19.0976 6.31658 19.0976 6.70711 18.7071L12 13.4142L17.2929 18.7071C17.6834 19.0976 18.3166 19.0976 18.7071 18.7071C19.0976 18.3166 19.0976 17.6834 18.7071 17.2929L13.4142 12L18.7071 6.70711Z",fill:"#212121"})}))})};

package/dist/cjs/components/add-variableV2/icon-props.d.ts

@@ -0,0 +1,7 @@
+import React, { SVGProps } from 'react';
+export type Icon = React.FC<SVGProps<SVGSVGElement> & {
+    color?: string;
+    width?: string | number;
+    height?: string | number;
+    backgroundColor?: string;
+}>;

package/dist/cjs/components/add-variableV2/index.d.ts

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

package/dist/cjs/components/add-variableV2/plusIcon.d.ts

@@ -0,0 +1,3 @@
+import { Icon } from "./icon-props";
+declare const PlusIcon: Icon;
+export default PlusIcon;

package/dist/cjs/components/add-variableV2/plusIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{width:r,height:s,color:l}=t;return e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",height:s||"20",width:r||"20",color:l||"#616161",className:"icon",style:{display:"block"}},{children:e.jsx("path",{fill:"currentColor",d:"M13 5a1 1 0 1 0-2 0v6H5a1 1 0 1 0 0 2h6v6a1 1 0 1 0 2 0v-6h6a1 1 0 1 0 0-2h-6V5Z"})}))};

package/dist/cjs/components/add-variableV2/rightFilled.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const RightFilled: () => JSX.Element;

package/dist/cjs/components/add-variableV2/rightFilled.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.RightFilled=()=>e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none"},{children:e.jsx("g",Object.assign({id:"carat_right"},{children:e.jsx("path",{id:"shape",d:"M6 5.60941C6 5.01547 6.71809 4.71803 7.13807 5.138L9.5286 7.52853C9.78895 7.78888 9.78895 8.21099 9.5286 8.47134L7.13807 10.8619C6.7181 11.2818 6 10.9844 6 10.3905V5.60941Z",fill:"#212121"})}))}));

package/dist/cjs/components/add-variableV2/undoIcon.d.ts

@@ -0,0 +1,3 @@
+import { Icon } from "./icon-props";
+declare const Upload: Icon;
+export default Upload;

package/dist/cjs/components/add-variableV2/undoIcon.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=t=>{const{width:i,height:s}=t;return e.jsx("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",width:i||"20",height:s||"20",viewBox:"0 0 20 20",fill:"none"},{children:e.jsx("g",Object.assign({id:"arrow_undo"},{children:e.jsx("path",{id:"shape",fillRule:"evenodd",clipRule:"evenodd",d:"M6.42259 3.57757C6.74803 3.90301 6.74803 4.43065 6.42259 4.75609L5.34518 5.8335H12.5C15.2614 5.8335 17.5 8.07207 17.5 10.8335C17.5 13.5949 15.2614 15.8335 12.5 15.8335H6.66667C6.20643 15.8335 5.83333 15.4604 5.83333 15.0002C5.83333 14.5399 6.20643 14.1668 6.66667 14.1668H12.5C14.3409 14.1668 15.8333 12.6744 15.8333 10.8335C15.8333 8.99255 14.3409 7.50016 12.5 7.50016H5.34518L6.42259 8.57757C6.74803 8.90301 6.74803 9.43065 6.42259 9.75608C6.09715 10.0815 5.56951 10.0815 5.24408 9.75608L2.74408 7.25609C2.41864 6.93065 2.41864 6.40301 2.74408 6.07757L5.24408 3.57757C5.56951 3.25214 6.09715 3.25214 6.42259 3.57757Z",fill:"#616161"})}))}))};

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/dropdown/Dropdown.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),r=require("../../constants/Theme.js"),o=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),l=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,p,{placeHolder:h,size:v,onSelect:j,defaultOptions:f,disabled:g,noErrorHint:b}=u,x=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[w,m]=n.useState(!1),y=null!=v?v:"default",O=n.useRef(),[S,q]=n.useState(null!=f?f:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==x?void 0:x.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),q([...t])}),[x.options]),n.useEffect((()=>{f&&q([...f])}),[f]);const E=S.length?S.map((e=>e.label)).join(", "):void 0;return t.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===y?32:48,width:null!==(c=null!==(d=x.buttonWidth)&&void 0!==d?d:x.width)&&void 0!==c?c:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(l.DropdownPopover,Object.assign({ref:O,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),null==j||j(e)},disabled:g,onDropdownVisbilityChange:e=>m(e)},x,{children:t.jsx(i.Input,{version:x.version,noErrorHint:b,state:g?"disabled":"none",value:null!=E?E:"",errorMessage:x.error,variant:y,placeholder:null!=h?h:"Select an option",width:null!==(p=x.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(o.default,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===y?20:24,height:"small"===y?20:24,color:r.COLORS.content.primary})}})}))}))};u.displayName="Dropdown",exports.Dropdown=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../../constants/Theme.js"),r=require("../../assets/icons/chevronDown.svg.js"),i=require("../input/Input.js"),s=require("../input/context/InputStyleProvider.js"),l=require("./DropdownPopover/index.js");function a(){}const u=u=>{var d,c,p,{placeHolder:h,size:v,onSelect:g,defaultOptions:j,disabled:f,noErrorHint:b}=u,x=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint"]);const[w,m]=n.useState(!1),y=null!=v?v:"default",O=n.useRef(),[S,q]=n.useState(null!=j?j:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==x?void 0:x.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),q([...t])}),[x.options]),n.useEffect((()=>{j&&q([...j])}),[j]);const E=S.length?S.map((e=>e.label)).join(", "):void 0;return t.jsx(s.InputStyleContext.Provider,Object.assign({value:{InputWrapper:{height:"small"===y?32:48,width:null!==(c=null!==(d=x.buttonWidth)&&void 0!==d?d:x.width)&&void 0!==c?c:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px"},input:{minHeight:"100%"}}},{children:t.jsx(l.DropdownPopover,Object.assign({ref:O,onSelect:function(e){Array.isArray(e)?q([...e]):q([e]),console.log("option2: ",e),null==g||g(e)},disabled:f,onDropdownVisbilityChange:e=>m(e)},x,{children:t.jsx(i.Input,{version:x.version,noErrorHint:b,state:f?"disabled":"none",value:null!=E?E:"",errorMessage:x.error,variant:y,placeholder:null!=h?h:"Select an option",width:null!==(p=x.width)&&void 0!==p?p:"100%",onChangeText:a,rightIcon:{icon:()=>t.jsx(r.default,{style:{transform:w?"rotate(180deg)":"rotate(0deg)"},onClick:a,width:"small"===y?20:24,height:"small"===y?20:24,color:o.COLORS.content.primary})}})}))}))};u.displayName="Dropdown",exports.Dropdown=u;

package/dist/cjs/components/plans/SubscriptionPlan.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=l=>{const c=l.showMonthly?l.monthlyPlan:l.yearlyPlan,r=!l.isDisabled&&l.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isManifestPlan:!0,isSelected:l.isSelected||!1,style:{marginTop:r?0:24}},{children:[r&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${l.isSelected?"selected":""} ${l.isDisabled?"disabled":""} ${r?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:4}},{children:l.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(a.TitleMedium,Object.assign({style:{color:n.COLORS.content.primary}},{children:["$ ",c.price]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:n.COLORS.content.secondary,marginLeft:4}},{children:["/ ",l.showMonthly?"month":"year"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:l.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.background.positive.vibrant,marginLeft:4}},{children:l.planDescriptionDiscount}))]})),l.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(l.isSelected?"selected":"")},{children:["7 day free trial with ",l.freeTrialMessages," messages"]})),l.extraBlockMessage&&e.jsx(a.Caption,Object.assign({className:"trial "+(l.isSelected?"selected":"")},{children:l.extraBlockMessage})),e.jsx("div",Object.assign({className:"features"},{children:l.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(s.default,{height:12,width:12,color:n.COLORS.content.primary})}),e.jsx(a.BodyCaption,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsx("div",Object.assign({className:"button-box"},{children:l.isLoading?e.jsx(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[l.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),l.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!l.isSelected&&!l.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>l.onPlanSelect(l.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${l.isDisabled?"disabled":""}\n\t\t\t\t\t${l.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text",style:{color:n.COLORS.background.inverse}},{children:l.bottomDescription}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),s=require("../../assets/icons/check.svg.js"),t=require("../button/Button.js"),i=require("./SubscriptionPlanStyled.js"),a=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");exports.SubscriptionPlan=c=>{const l=c.showMonthly?c.monthlyPlan:c.yearlyPlan,r=!c.isDisabled&&c.isMostPopular;return e.jsxs(i.SubscriptionPlanStyled,Object.assign({isManifestPlan:!0,isSelected:c.isSelected||!1,style:{marginTop:r?0:24}},{children:[r&&e.jsx("div",Object.assign({className:"most-popular"},{children:e.jsx(a.Caption,Object.assign({className:"text"},{children:"Most popular ⭐️"}))})),e.jsxs("div",Object.assign({className:`box ${c.isSelected?"selected":""} ${c.isDisabled?"disabled":""} ${r?"":"rounded-corners"}\n\t\t\t\t`},{children:[e.jsxs("div",{children:[e.jsx(a.TitleRegular,Object.assign({style:{color:n.COLORS.content.secondary,marginBottom:4}},{children:c.planName})),e.jsxs("div",Object.assign({className:"price-block"},{children:[e.jsxs(a.TitleMedium,Object.assign({style:{color:n.COLORS.content.primary}},{children:["$ ",l.price]})),e.jsxs(a.BodyPrimary,Object.assign({style:{color:n.COLORS.content.secondary,marginLeft:4}},{children:["/ ",c.showMonthly?"month":"year"]}))]})),e.jsxs("div",Object.assign({className:"per-message-price"},{children:[e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.content.secondary}},{children:c.planDescription})),e.jsx(a.BodyCaption,Object.assign({style:{color:n.COLORS.background.positive.vibrant,marginLeft:4}},{children:c.planDescriptionDiscount}))]})),c.showTrialOptions&&e.jsxs(a.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:["7 day free trial with ",c.freeTrialMessages," messages"]})),c.extraBlockMessage&&e.jsx(a.Caption,Object.assign({className:"trial "+(c.isSelected?"selected":"")},{children:c.extraBlockMessage})),e.jsx("div",Object.assign({className:"features"},{children:c.features.map(((t,i)=>e.jsxs("div",Object.assign({className:"feature"},{children:[e.jsx("div",{children:e.jsx(s.default,{height:12,width:12,color:n.COLORS.content.primary})}),e.jsx(a.BodyCaption,Object.assign({className:"feature-text"},{children:t.detail}),i)]}),t.detail)))}))]}),e.jsx("div",Object.assign({className:"button-box"},{children:c.isLoading?e.jsx(t.Button,{isLoading:!0,buttonType:"primary",buttonText:"Selected Plan",size:"medium",matchParentWidth:!0}):e.jsxs(e.Fragment,{children:[c.isSelected&&e.jsx(t.Button,{LeadingIcon:s.default,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:"Selected Plan",disabled:!1}),c.isDisabled&&e.jsx(t.Button,{disabled:!0,buttonType:"primary",size:"medium",matchParentWidth:!0,buttonText:"Choose plan"}),!c.isSelected&&!c.isDisabled&&e.jsx(t.Button,{buttonType:"primary",size:"medium",onClick:()=>c.onPlanSelect(c.code),matchParentWidth:!0,buttonText:"Choose plan"})]})}))]})),c.bottomDescription&&e.jsx("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${c.isDisabled?"disabled":""}\n\t\t\t\t\t${c.isSelected?"selected":""}\n\t\t\t\t`},{children:e.jsx(a.Caption,Object.assign({className:"text",style:{color:n.COLORS.background.inverse}},{children:c.bottomDescription}))}))]}))};

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

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

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

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

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

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