@bikdotai/bik-component-library 0.0.442-beta.3 → 0.0.443-beta.1

package/dist/cjs/node_modules/react-is/cjs/react-is.production.min.js

@@ -1,9 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("../../../_virtual/react-is.production.min.js");
-/** @license React v16.13.1
- * react-is.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */exports.__require=function(){if(e)return r.__exports;e=1;var t="function"==typeof Symbol&&Symbol.for,o=t?Symbol.for("react.element"):60103,n=t?Symbol.for("react.portal"):60106,s=t?Symbol.for("react.fragment"):60107,c=t?Symbol.for("react.strict_mode"):60108,f=t?Symbol.for("react.profiler"):60114,_=t?Symbol.for("react.provider"):60109,p=t?Symbol.for("react.context"):60110,u=t?Symbol.for("react.async_mode"):60111,i=t?Symbol.for("react.concurrent_mode"):60111,a=t?Symbol.for("react.forward_ref"):60112,y=t?Symbol.for("react.suspense"):60113,l=t?Symbol.for("react.suspense_list"):60120,m=t?Symbol.for("react.memo"):60115,x=t?Symbol.for("react.lazy"):60116,b=t?Symbol.for("react.block"):60121,S=t?Symbol.for("react.fundamental"):60117,$=t?Symbol.for("react.responder"):60118,d=t?Symbol.for("react.scope"):60119;function M(e){if("object"==typeof e&&null!==e){var r=e.$$typeof;switch(r){case o:switch(e=e.type){case u:case i:case s:case f:case c:case y:return e;default:switch(e=e&&e.$$typeof){case p:case a:case x:case m:case _:return e;default:return r}}case n:return r}}}function v(e){return M(e)===i}return r.__exports.AsyncMode=u,r.__exports.ConcurrentMode=i,r.__exports.ContextConsumer=p,r.__exports.ContextProvider=_,r.__exports.Element=o,r.__exports.ForwardRef=a,r.__exports.Fragment=s,r.__exports.Lazy=x,r.__exports.Memo=m,r.__exports.Portal=n,r.__exports.Profiler=f,r.__exports.StrictMode=c,r.__exports.Suspense=y,r.__exports.isAsyncMode=function(e){return v(e)||M(e)===u},r.__exports.isConcurrentMode=v,r.__exports.isContextConsumer=function(e){return M(e)===p},r.__exports.isContextProvider=function(e){return M(e)===_},r.__exports.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},r.__exports.isForwardRef=function(e){return M(e)===a},r.__exports.isFragment=function(e){return M(e)===s},r.__exports.isLazy=function(e){return M(e)===x},r.__exports.isMemo=function(e){return M(e)===m},r.__exports.isPortal=function(e){return M(e)===n},r.__exports.isProfiler=function(e){return M(e)===f},r.__exports.isStrictMode=function(e){return M(e)===c},r.__exports.isSuspense=function(e){return M(e)===y},r.__exports.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===s||e===i||e===f||e===c||e===y||e===l||"object"==typeof e&&null!==e&&(e.$$typeof===x||e.$$typeof===m||e.$$typeof===_||e.$$typeof===p||e.$$typeof===a||e.$$typeof===S||e.$$typeof===$||e.$$typeof===d||e.$$typeof===b)},r.__exports.typeOf=M,r.__exports};

package/dist/cjs/node_modules/react-is/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("../../_virtual/index2.js"),o=require("./cjs/react-is.production.min.js"),s=require("./cjs/react-is.development.js");exports.__require=function(){return e||(e=1,"production"===process.env.NODE_ENV?r.__module.exports=o.__require():r.__module.exports=s.__require()),r.__module.exports};

package/dist/cjs/utils/resizeImage.d.ts

@@ -1 +0,0 @@
-export declare const resizeImage: (imageUrl: string, targetSize: number) => Promise<string>;

package/dist/cjs/utils/resizeImage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.resizeImage=(e,t)=>new Promise(((o,r)=>{const n=new Image;n.crossOrigin="anonymous",n.src=e,n.onload=()=>{const e=document.createElement("canvas"),r=e.getContext("2d");e.width=t,e.height=t,r&&r.drawImage(n,0,0,t,t),o(e.toDataURL())},n.onerror=r}));

package/dist/esm/_virtual/index.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/index2.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/index3.js

@@ -1 +0,0 @@
-var e={exports:{}};export{e as __module};

package/dist/esm/_virtual/react-is.development.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

package/dist/esm/_virtual/react-is.development2.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

package/dist/esm/_virtual/react-is.production.min.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

package/dist/esm/_virtual/react-is.production.min2.js

@@ -1 +0,0 @@
-var r={};export{r as __exports};

package/dist/esm/assets/icons/WhiteStarFilled.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t,l;function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},a.apply(this,arguments)}var r=r=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 14 13"},r),t||(t=e.createElement("g",{clipPath:"url(#WhiteStarFilled_svg__a)"},e.createElement("path",{fill:"#fff",fillRule:"evenodd",d:"M7.036.759c.196 0 .376.111.463.288l1.478 2.994 3.306.483a.517.517 0 0 1 .286.883l-2.391 2.329.564 3.29a.517.517 0 0 1-.75.546l-2.956-1.555-2.956 1.555a.517.517 0 0 1-.75-.546l.564-3.29-2.392-2.33a.517.517 0 0 1 .286-.882l3.306-.483 1.478-2.994a.517.517 0 0 1 .464-.288Z",clipRule:"evenodd"}))),l||(l=e.createElement("defs",null,e.createElement("clipPath",{id:"WhiteStarFilled_svg__a"},e.createElement("path",{fill:"#fff",d:"M.829.241h12.414v12.414H.829z"})))));export{r as default};

package/dist/esm/assets/icons/bik_ai_stars_icon.svg.js

@@ -1 +0,0 @@
-import*as a from"react";var l;function r(){return r=Object.assign?Object.assign.bind():function(a){for(var l=1;l<arguments.length;l++){var r=arguments[l];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(a[t]=r[t])}return a},r.apply(this,arguments)}var t=t=>a.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},t),l||(l=a.createElement("path",{fill:"currentColor",d:"M11.216 1.025a.133.133 0 0 1 .235 0l.743 1.392a.134.134 0 0 0 .055.055l1.392.743a.133.133 0 0 1 0 .235l-1.392.743a.134.134 0 0 0-.055.054L11.45 5.64a.133.133 0 0 1-.235 0l-.742-1.393a.133.133 0 0 0-.055-.054L9.027 3.45a.133.133 0 0 1 0-.235l1.392-.743a.133.133 0 0 0 .055-.055l.742-1.392Zm-4.124 5.16a.133.133 0 0 0 .055.055l3.077 1.641a.133.133 0 0 1 0 .236l-3.077 1.64a.133.133 0 0 0-.055.056l-1.64 3.077a.133.133 0 0 1-.236 0l-1.64-3.077a.133.133 0 0 0-.056-.055L.443 8.117a.133.133 0 0 1 0-.236l3.077-1.64a.133.133 0 0 0 .055-.055l1.641-3.077a.133.133 0 0 1 .235 0l1.641 3.077Zm.299 1.932a.133.133 0 0 0 0-.236l-1.23-.655a.133.133 0 0 1-.054-.055l-.656-1.23a.133.133 0 0 0-.235 0l-.655 1.23a.133.133 0 0 1-.055.055l-1.23.655a.133.133 0 0 0 0 .236l1.23.655a.133.133 0 0 1 .055.055l.655 1.23c.05.093.185.093.235 0l.656-1.23a.133.133 0 0 1 .055-.055l1.229-.655Zm5.756 2.79a.134.134 0 0 1-.055-.055l-.974-1.827a.133.133 0 0 0-.235 0l-.975 1.827a.133.133 0 0 1-.054.055l-1.827.975a.133.133 0 0 0 0 .235l1.827.974a.132.132 0 0 1 .054.055l.975 1.827c.05.094.185.094.235 0l.974-1.827a.133.133 0 0 1 .055-.055l1.827-.974a.133.133 0 0 0 0-.236l-1.827-.974Z"})));export{t as default};

package/dist/esm/assets/icons/checkCircle.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t,r;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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var n=n=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},n),t||(t=e.createElement("g",{stroke:"#616161",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.256,clipPath:"url(#checkCircle_svg__a)"},e.createElement("path",{d:"M6.875 10.625 8.75 12.5l4.375-4.375"}),e.createElement("path",{d:"M10 17.5a7.5 7.5 0 1 0 0-15 7.5 7.5 0 0 0 0 15Z"}))),r||(r=e.createElement("defs",null,e.createElement("clipPath",{id:"checkCircle_svg__a"},e.createElement("path",{fill:"#fff",d:"M0 0h20v20H0z"})))));export{n as default};

package/dist/esm/assets/icons/copy-code-icon.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var a;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},t.apply(this,arguments)}var r=r=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 17 16"},r),a||(a=e.createElement("g",{fill:"#1877F2"},e.createElement("path",{d:"M2.695 2.196A.667.667 0 0 1 3.167 2h6a.667.667 0 0 1 .666.667v.667a.667.667 0 1 0 1.333 0v-.667a2 2 0 0 0-2-2h-6a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h.667a.667.667 0 0 0 0-1.333h-.667a.667.667 0 0 1-.666-.667v-6c0-.177.07-.346.195-.471Z"}),e.createElement("path",{fillRule:"evenodd",d:"M7.833 5.334a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h6a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-6Zm-.667 2c0-.369.299-.667.667-.667h6c.368 0 .667.298.667.667v6a.667.667 0 0 1-.667.666h-6a.667.667 0 0 1-.667-.666v-6Z",clipRule:"evenodd"}))));export{r as default};

package/dist/esm/assets/icons/drag_handle.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var t;function a(){return a=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},a.apply(this,arguments)}var r=r=>e.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r),t||(t=e.createElement("g",{fill:"#9E9E9E"},e.createElement("path",{d:"M5 9a1 1 0 0 0 0 2h14a1 1 0 1 0 0-2H5ZM5 13a1 1 0 1 0 0 2h14a1 1 0 1 0 0-2H5Z"}))));export{r as default};

package/dist/esm/assets/icons/lto_icon.svg.js

@@ -1 +0,0 @@
-import*as a from"react";var e;function t(){return t=Object.assign?Object.assign.bind():function(a){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(a[r]=t[r])}return a},t.apply(this,arguments)}var r=r=>a.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r),e||(e=a.createElement("path",{fill:"#4AA189",fillRule:"evenodd",d:"M9.778 7.112a1.833 1.833 0 1 1 0-3.667 1.833 1.833 0 0 1 0 3.667ZM6.444 5.279a3.333 3.333 0 0 1 6.112-1.844A3.333 3.333 0 1 1 17.818 7.5H20a2 2 0 0 1 2 2V21.057a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9.501a2 2 0 0 1 2-2h3.293a3.32 3.32 0 0 1-.849-2.222ZM13.634 9l2.752 3.93a.75.75 0 0 0 1.228-.86L15.465 9H20a.5.5 0 0 1 .5.5v6.194h-17V9.501A.5.5 0 0 1 4 9h5.646l-2.15 3.07a.75.75 0 1 0 1.23.86l2.75-3.93h2.158ZM20.5 21.056v-2.86h-17v2.86a.5.5 0 0 0 .5.5h16a.5.5 0 0 0 .5-.5Zm-7-15.777a1.833 1.833 0 1 0 3.667 0 1.833 1.833 0 0 0-3.667 0Z",clipRule:"evenodd"})));export{r as default};

package/dist/esm/assets/icons/qrb.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var a;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])}return e},t.apply(this,arguments)}var r=r=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 19 19"},r),a||(a=e.createElement("path",{fill:"#1877F2",fillRule:"evenodd",d:"M8.137 3.676a.75.75 0 0 0-.817.163l-5.25 5.25a.75.75 0 0 0 0 1.06l5.25 5.25a.75.75 0 0 0 1.28-.53v-2.307c3.146.15 5.305 1.274 6.89 3.493a.75.75 0 0 0 1.346-.583c-.393-1.963-1.186-3.97-2.609-5.597-1.321-1.51-3.157-2.656-5.627-3.14V4.37a.75.75 0 0 0-.463-.693ZM7.1 6.18v1.19c0 .372.275.689.644.742 2.452.35 4.163 1.39 5.354 2.751.528.603.96 1.277 1.31 1.994-1.754-1.239-3.917-1.813-6.558-1.813a.75.75 0 0 0-.75.75v1.264L3.661 9.62l3.44-3.44Z",clipRule:"evenodd"})));export{r as default};

package/dist/esm/assets/icons/quotes.svg.js

@@ -1 +0,0 @@
-import*as t from"react";var e;function r(){return r=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},r.apply(this,arguments)}var a=a=>t.createElement("svg",r({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 29 21"},a),e||(e=t.createElement("path",{fill:"#DDCCF0",d:"M10.275 3.39 8.439 1.8C6.532 3.049 4.884 4.86 3.496 7.239c-1.366 2.354-2.048 4.638-2.048 6.85 0 1.695.447 2.92 1.341 3.672.895.73 2.013 1.095 3.355 1.095 1.153 0 2.13-.447 2.93-1.342.8-.894 1.2-1.895 1.2-3.001 0-2.801-1.517-4.202-4.554-4.202l-.141-.212c.47-2.33 2.036-4.566 4.696-6.708Zm13.064 0-1.8-1.59c-1.93 1.248-3.59 3.06-4.98 5.438-1.365 2.354-2.047 4.638-2.047 6.85 0 1.695.447 2.92 1.342 3.672.894.73 2.024 1.095 3.39 1.095 1.153 0 2.118-.447 2.895-1.342.8-.894 1.2-1.895 1.2-3.001 0-2.801-1.518-4.202-4.555-4.202l-.141-.212c.494-2.307 2.06-4.543 4.696-6.708ZM11.052 0l3.919 3.39c-2.66 2.26-4.355 4.143-5.085 5.649 1.695.188 2.884.906 3.567 2.154.565-2.119 1.6-4.214 3.107-6.285C18.09 2.836 19.773 1.2 21.609 0h2.542l3.884 3.39c-2.636 2.26-4.32 4.143-5.049 5.649 2.895.424 4.343 2.248 4.343 5.473 0 1.6-.683 2.966-2.048 4.096-1.342 1.13-3.354 1.694-6.038 1.694-2.848 0-4.731-1.059-5.65-3.177-1.011 2.118-3.495 3.177-7.45 3.177-1.788 0-3.26-.494-4.413-1.482C.577 17.83 0 16.254 0 14.088c0-2.4.836-4.978 2.507-7.732C4.202 3.6 6.214 1.483 8.545 0h2.507Z"})));export{a as default};

package/dist/esm/components/bik-layout/FeatureModalV2.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export interface FeatureModalV2Props {
-    zIndex?: number;
-    otherContent?: JSX.Element;
-    onUpgrade?: () => void;
-    primaryButtonText?: string;
-    title?: string;
-    subTitle?: string;
-    onClose?: () => void;
-    featureImage?: string;
-}
-export declare const FeatureModalV2: React.FC<FeatureModalV2Props>;

package/dist/esm/components/bik-layout/FeatureModalV2.js

@@ -1 +0,0 @@
-import{jsx as t,Fragment as e,jsxs as o}from"react/jsx-runtime";import{useState as a,Fragment as r}from"react";import n from"react-dom";import{COLORS as s}from"../../constants/Theme.js";import{Button as i}from"../button/Button.js";import{StyledModal as c}from"../modals/styledModal.js";import{TitleMedium as l,BodySecondary as m}from"../TypographyStyle.js";import{FeatureModalV2Container as d}from"./CommonStyles.js";const b=b=>{const{zIndex:u,otherContent:y,onUpgrade:p,title:g,subTitle:f,primaryButtonText:h,onClose:j,featureImage:x}=b,O=void 0===g?"Start your 14-day free trial to test your AI assistant on your website":g,C=f||"Test your assistant on your website and unlock many other features for free by starting your trial now. Don't worry, you can cancel anytime before the trial ends and no charges will be deducted.",T=x||"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2Fb74e0e4c-9b3b-47ca-b0af-704b246e3c54?alt=media&token=bb48a397-1981-4c93-a835-eb4f400d5a60",[w,k]=a(!0);return n.createPortal(t(c,Object.assign({zIndex:u,open:w,onClose:function(){j&&j(),k(!1)},closeOnOutsideClick:!0,centralContainerStyles:{maxWidth:"568px"}},{children:t(d,{children:y?t(e,{children:y}):o(r,{children:[t("div",Object.assign({className:"top-feature-content"},{children:t("img",{src:T,alt:"general-icon"})})),o("div",Object.assign({className:"bottom-feature-content"},{children:[t(l,Object.assign({className:"title-class text-align-center mt-8",style:{textAlign:"center"}},{children:O})),t(m,Object.assign({className:"text-align-center",style:{color:s.content.secondary}},{children:C})),t("div",Object.assign({className:"cta-buttons"},{children:t(i,{buttonText:h||"Upgrade to growth plan",buttonType:"primary",size:"large",onClick:()=>{p&&p(),k(!1)}})}))]}))]})})})),document.body)};export{b as FeatureModalV2};

package/dist/esm/components/bik-layout/ShowShopifyRestrictedModal.d.ts

@@ -1,13 +0,0 @@
-/// <reference types="react" />
-export interface ShowShopifyRestrictedModalProps {
-    containerType: 'demo_store' | 'connect_shopify';
-    handleButtonClick: (type: 'shopify' | 'demo' | 'close') => void;
-    connectShopifyDescription?: string;
-    demoDescription?: string;
-    zIndex?: number;
-    triggerPosition?: {
-        top: number;
-        left: number;
-    };
-}
-export declare const ShowShopifyRestrictedModal: React.FC<ShowShopifyRestrictedModalProps>;

package/dist/esm/components/bik-layout/ShowShopifyRestrictedModal.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import o from"react-dom";import{COLORS as n}from"../../constants/Theme.js";import i from"../../assets/icons/cross.svg.js";import{Button as s}from"../button/Button.js";import{TitleMedium as r,BodyPrimary as a}from"../TypographyStyle.js";import{FeatureModalContainer as c,RelativeModalContainer as l}from"./CommonStyles.js";const d=d=>{const{zIndex:m,containerType:h,handleButtonClick:p,triggerPosition:g,connectShopifyDescription:b,demoDescription:u}=d,y=e=>{p(e)},f=g&&window.innerHeight-g.top<100,j=g?{position:"fixed",top:f?"auto":g.top,bottom:f?"0":"auto",left:g.left,width:"unset",background:"none"}:{alignItems:"center",height:950,background:"linear-gradient(0deg, #FFF 0%, rgba(255, 255, 255, 0.00) 129.71%)"};return o.createPortal(e(c,Object.assign({zIndex:m,resetHeight:!0,style:j,relativePostion:!!g},{children:t(l,{children:[e("div",Object.assign({className:"cross-container",onClick:()=>y("close"),"aria-hidden":"true"},{children:e(i,{height:24,width:24,color:"#000000"})})),t("div","demo_store"==h?Object.assign({className:"demo-container"},{children:[e(r,Object.assign({color:n.background.negative.vibrant},{children:"Demo Store Limitations"})),e(a,{children:null!=u?u:"Apologies, but you are unable to save or take any actions as you are currently in the demo store."})]}):Object.assign({className:"content-layout"},{children:[e("div",Object.assign({className:"left-content"},{children:e("img",{src:"https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F6300e18e-16ef-4f65-9861-26476d2a3d9a?alt=media&token=0da9e429-4c12-4a06-bba8-9ac7c3fdd2c4",alt:"left-panel"})})),t("div",Object.assign({className:"right-content"},{children:[e(r,{children:"Connect Shopify "}),e(a,Object.assign({style:{maxWidth:432}},{children:null!=b?b:"Connect Shopify to publish your bot on your Shopify store. Or, explore our demo store to see it in action."})),t("div",Object.assign({className:"cta-button-container"},{children:[e(s,{buttonText:"Connect shopify",buttonType:"primary",size:"small",onClick:()=>y("shopify")}),e(s,{buttonText:"View demo store",buttonType:"secondary",size:"small",onClick:()=>y("demo")})]}))]}))]}))]})})),document.body)};export{d as ShowShopifyRestrictedModal};

package/dist/esm/components/bik-layout/SidebarPopup.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { Menu } from './SimpleSidebar';
-export interface SidebarPopupI {
-    menuList: Menu[];
-    width?: number;
-    zIndex?: number;
-    left?: number;
-    top?: number;
-    onMouseLeaveOnMenu?: () => void;
-    onClickingPopupMenu: (menuSelected: Menu, reDirect?: boolean) => void;
-}
-export declare const SidebarPopup: React.FC<SidebarPopupI>;

package/dist/esm/components/bik-layout/SidebarPopup.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import{TitleRegular as s,BodySecondary as t}from"../TypographyStyle.js";import{SidebarPopupContainer as i}from"./SidebarStyles.js";const o=o=>{const{top:r,menuList:l,zIndex:a,left:c,onMouseLeaveOnMenu:m,onClickingPopupMenu:d}=o;return e(i,Object.assign({top:r,theme:"white",zIndex:a,left:null!=c?c:95,postion:"fixed"},{children:e("div",Object.assign({id:"_sub-menu",className:"sidebar-right-menu transform-class",onMouseLeave:m},{children:null==l?void 0:l.map(((i,o)=>n("div",Object.assign({className:"each-menu",style:{borderBottom:o==l.length-1?"none":void 0},onClick:()=>d(i)},{children:[e(s,Object.assign({style:{fontSize:14}},{children:i.displayName})),e(t,Object.assign({style:{fontSize:12}},{children:i.description}))]}),o)))}),"_sub-menu")}))};export{o as SidebarPopup};

package/dist/esm/components/carousel-preview/CarouselPreview.d.ts

@@ -1,12 +0,0 @@
-import 'pure-react-carousel/dist/react-carousel.es.css';
-import React from 'react';
-import { CHANNEL_TYPE } from "../template-preview/models/Channels";
-import { EmailTemplateType } from "../template-preview/models/EmailTemplate";
-import { SMSTemplateType } from "../template-preview/models/SmsTemplate";
-import { WhatsAppCarouselTemplate } from "../template-preview/models/WhatsappCarouselTemplate";
-import { WhatsAppTemplate } from "../template-preview/models/WhatsAppTemplate";
-export declare const CarouselPreview: React.ForwardRefExoticComponent<{
-    channel: CHANNEL_TYPE;
-    template: WhatsAppTemplate | EmailTemplateType | SMSTemplateType | WhatsAppCarouselTemplate | null;
-    showSampleValues?: boolean | undefined;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/carousel-preview/CarouselPreview.js

@@ -1,52 +0,0 @@
-import{jsxs as e,jsx as o}from"react/jsx-runtime";import t from"../../assets/icons/chevronLeft.svg.js";import i from"../../assets/icons/chevronRight.svg.js";import{CarouselProvider as r,ButtonBack as n,Slider as a,Slide as l,ButtonNext as d}from"pure-react-carousel";import s from"react";import c from"styled-components";import p from"./CarouselPreviewCard.js";import{COLORS as h}from"../../constants/Theme.js";const m=c.div`
-	background-image: url('https://firebasestorage.googleapis.com/v0/b/bikayi-chat.appspot.com/o/images-uid%2F341dba50-e84e-4457-b5b5-d9d8a0b95a73?alt=media&token=6fd32f23-8bb2-4980-bbee-bef39b38fd9f');
-	border-color: ${h.stroke.primary};
-	border-top-style: solid;
-	border-bottom-style: solid;
-	border-top-width: 1px;
-	border-bottom-width: 1px;
-	background-repeat: no-repeat;
-	background-position: center;
-	background-size: cover;
-	position: relative;
-	height: 500px;
-	overflow-y: auto;
-`,b=c.div`
-	flex-direction: row;
-	display: flex;
-	align-items: center;
-	.left_button {
-		border-radius: 50%;
-		width: 24px;
-		height: 24px;
-		align-items: center;
-		justify-content: center;
-		display: flex;
-		position: absolute;
-		left: 0;
-		z-index: 10;
-		margin-left: 4px;
-		border: none;
-		background-color: white;
-		box-shadow: 0px 1.5px 6px 0px #0000001f;
-	}
-	.right_button {
-		border-radius: 50%;
-		width: 24px;
-		height: 24px;
-		align-items: center;
-		justify-content: center;
-		display: flex;
-		position: absolute;
-		right: 0;
-		z-index: 10;
-		margin-right: 4px;
-		border: none;
-		background-color: white;
-		box-shadow: 0px 1.5px 6px 0px #0000001f;
-	}
-	.slider {
-		width: 100%;
-		height: 480px;
-	}
-`,u=s.forwardRef(((s,c)=>{let{channel:u,template:g,showSampleValues:x}=s;var f,v,w,y;const j=null===(f=null==g?void 0:g.components)||void 0===f?void 0:f[1].cards;return e(m,{children:[o(p,{channel:u,template:g,carouselCardIndex:-1}),!!(null==j?void 0:j.length)&&o(r,Object.assign({naturalSlideWidth:100,naturalSlideHeight:125,totalSlides:null!==(v=null==j?void 0:j.length)&&void 0!==v?v:1,orientation:"horizontal",visibleSlides:1.3,dragEnabled:!0,touchEnabled:!0},{children:e(b,{children:[o(n,Object.assign({className:"left_button"},{children:o(t,{height:10,width:10,color:h.content.primary})})),o(a,Object.assign({className:"slider"},{children:null===(y=null===(w=null==g?void 0:g.components)||void 0===w?void 0:w[1].cards)||void 0===y?void 0:y.map(((e,t)=>{var i,r;const n={components:e.components,mapping:null===(r=null===(i=null==g?void 0:g.mapping)||void 0===i?void 0:i.cards)||void 0===r?void 0:r[t]};return o(l,Object.assign({index:t},{children:o(p,{channel:u,template:n,carouselCardIndex:t},t)}),t)}))})),o(d,Object.assign({className:"right_button"},{children:o(i,{height:10,width:10,color:h.content.primary})}))]})}))]})}));export{u as CarouselPreview};

package/dist/esm/components/carousel-preview/CarouselPreviewCard.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { CHANNEL_TYPE } from "../template-preview/models/Channels";
-declare const CarouselPreviewCard: React.ForwardRefExoticComponent<{
-    channel: CHANNEL_TYPE;
-    template: any;
-    showSampleValues?: boolean | undefined;
-    carouselCardIndex?: number | undefined;
-} & React.RefAttributes<HTMLDivElement>>;
-export default CarouselPreviewCard;

package/dist/esm/components/carousel-preview/CarouselPreviewCard.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import t from"react";import{TemplatePreview as a}from"../template-preview/TemplatePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import"../../constants/Theme.js";import"../curtain/CurtainHelper.js";import"../template-preview/models/TemplateMeta.js";import"../template-preview/models/WhatsAppTemplate.js";const p=t.forwardRef((t=>{let{channel:p,template:r,showSampleValues:s,carouselCardIndex:i}=t;return e("div",Object.assign({style:{width:350}},{children:e(a,{showSampleValues:s,template:r,channel:p,size:"small",hideHeader:!0,carouselCardIndex:i,isWhatsappCarousel:!0})}))}));export{p as default};

package/dist/esm/components/carousel-preview/index.d.ts

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

package/dist/esm/components/plans/NewSubscriptionPlan.d.ts

@@ -1,19 +0,0 @@
-import { FunctionComponent } from 'react';
-import { SubscriptionPlanProps } from './SubscriptionPlan';
-export interface NewSubscriptionPlanProps extends SubscriptionPlanProps {
-    popularTestimony?: string;
-    skipRadioSelection?: boolean;
-    includeText?: string;
-    height?: string;
-    showFeaturesButton?: boolean;
-    businessDescription?: string[];
-    yearlyCode?: string;
-    isPlanSelected?: boolean;
-    onClickShowAllFeatures?: () => void;
-    showSelectedPlanChip?: boolean;
-    perMonthForYearly?: boolean;
-    minHeightOfFeatures?: number;
-}
-type Props = NewSubscriptionPlanProps;
-export declare const NewSubscriptionPlan: FunctionComponent<Props>;
-export {};

package/dist/esm/components/plans/NewSubscriptionPlan.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t,Fragment as s}from"react/jsx-runtime";import i from"../../assets/icons/check.svg.js";import a from"../../assets/icons/checkCircle.svg.js";import n from"../../assets/icons/quotes.svg.js";import o from"../../assets/icons/WhiteStarFilled.svg.js";import{Button as r}from"../button/Button.js";import{NewSubscriptionStyled as l}from"./SubscriptionPlanStyled.js";import{Caption as c,TitleRegular as d,BodyCaption as h,TitleLarge as m,TitleSmall as p}from"../TypographyStyle.js";import{useCurrency as g}from"../../hooks/useCurreny.js";import{COLORS as u}from"../../constants/Theme.js";import{Tag as b}from"../tag/Tag.js";const y=y=>{var j;const{formatCurrency:O}=g(),f=y.showMonthlyOptions?y.features:y.annualFeatures||[],v=y.showMonthlyOptions?y.monthlyPlan:y.yearlyPlan,T=!y.isDisabled&&y.isMostPopular,N=y.showMonthlyOptions?y.code:null!==(j=y.yearlyCode)&&void 0!==j?j:y.code,{planName:x,isSelected:P=!1,isDisabled:S=!1,onPlanSelect:k,oldPrice:C,hideMonthYearTag:M,planDescription:w,planDescriptionDiscount:D,showTrialOptions:L,freeTrialMessages:F,extraBlockMessage:$,isLoading:z,buttonText:B,bottomDescription:H,showMonthlyOptions:W,popularTestimony:_,skipRadioSelection:I=!1,includeText:U,height:Y,showFeaturesButton:q,businessDescription:A,isPlanSelected:R=!1,onClickShowAllFeatures:E,showSelectedPlanChip:G=!1,perMonthForYearly:J=!1,minHeightOfFeatures:K}=y,Q=e=>J&&!W?0==e?"$0":O(Math.round(e/12),"USD"):0==e?"$0":O(e,"USD");return e(l,Object.assign({height:Y,showMostPopularChip:T||!1,onClick:()=>k(N)},{children:[T&&e("div",Object.assign({className:"most-popular-chip"},{children:[t(c,Object.assign({className:"popular-text"},{children:"Most popular "})),t(o,{height:12,width:12})]})),e("div",Object.assign({className:`box  ${S?"disabled":""} \n\t\t\t\t`},{children:[e("div",Object.assign({className:"radio-flex"},{children:[!I&&t("input",{type:"radio",id:"html",name:"fav_language",value:"HTML",disabled:null!=S&&S,onChange:()=>k(N),className:"radio-button",checked:R}),t(d,Object.assign({style:{color:u.content.secondary,marginBottom:4}},{children:x})),G&&t("div",Object.assign({style:{marginLeft:"auto"}},{children:t(b,{tagText:"Current plan",type:"positive",theme:"dark"})}))]})),e("div",Object.assign({className:"price-block"},{children:[C?t(h,Object.assign({className:"old--price"},{children:Q(v.price)})):t(s,{}),t(m,Object.assign({style:{color:u.content.primary}},{children:Q(C||v.price)})),t(c,Object.assign({style:{color:u.content.secondary,marginLeft:4}},{children:M?"":"/ "+(W?"month":J?"month billed annually":"year")}))]})),w&&e("div",Object.assign({className:"per-message-price"},{children:[t(h,Object.assign({style:{color:u.content.secondary}},{children:w})),D&&t(h,Object.assign({style:{color:u.background.positive.vibrant,marginLeft:4}},{children:D}))]})),A&&A.length&&t("div",Object.assign({style:{marginTop:4}},{children:A.map(((e,s)=>t(h,{style:{color:u.content.secondary},dangerouslySetInnerHTML:{__html:e}},s)))})),L&&e(c,Object.assign({className:"trial "+(P?"selected":"")},{children:["7 day free trial with ",F," messages"]})),$&&t(c,Object.assign({className:"trial "+(P?"selected":"")},{children:$})),t(p,Object.assign({className:"extra-include-margin",style:{height:U?"":"20px"}},{children:U||""})),t("div",Object.assign({className:"features",style:{minHeight:K}},{children:f.map(((s,i)=>e("div",Object.assign({className:"feature"},{children:[t("div",{children:t(a,{height:20,width:20,color:u.content.primary})}),t(h,Object.assign({className:"feature-text"},{children:s.detail}),i)]}),s.detail)))})),q&&t(r,{isLoading:!1,buttonType:"tertiary",buttonText:"See all features",size:"small",onClick:e=>{e.stopPropagation(),E&&E()}}),I&&t("div",Object.assign({className:"button-box"},{children:z?t(r,{isLoading:!0,buttonType:"primary",buttonText:"Choose plan",size:"medium",matchParentWidth:!0}):e(s,{children:[P&&t(r,{disabled:S,LeadingIcon:i,buttonType:"tertiary",size:"medium",matchParentWidth:!0,buttonText:B||"Selected Plan"}),!P&&!S&&t(r,{buttonType:"primary",size:"medium",onClick:e=>{e.stopPropagation(),k(N)},matchParentWidth:!0,buttonText:B||"Choose plan"})]})})),_&&e("div",Object.assign({className:"popular-testimony"},{children:[t(n,{height:26,width:70}),t("div",Object.assign({className:"testimony-text"},{children:t("i",{children:_})}))]}))]})),H&&t("div",Object.assign({className:`plan-bottom-information\n\t\t\t\t\t${S?"disabled":""}\n\t\t\t\t\t${P?"selected":""}\n\t\t\t\t`},{children:t(c,Object.assign({className:"text",style:{color:u.background.inverse}},{children:H}))}))]}))};export{y as NewSubscriptionPlan};

package/dist/esm/components/plans/SubscriptionPlansCollected.d.ts

@@ -1,16 +0,0 @@
-import { FunctionComponent } from 'react';
-import { NewSubscriptionPlanProps } from './NewSubscriptionPlan';
-type Props = {
-    plans: NewSubscriptionPlanProps[];
-    onPlanSelect: (code: string) => void;
-    onClickShowAllFeatures?: () => void;
-    showTrialOptions?: boolean;
-    staticWidth?: string;
-    selectedTab?: 'monthly' | 'annually';
-    selectedPlan?: string;
-    currentPlan?: string;
-    maxWidth?: string;
-    minHeightOfFeatures?: number;
-};
-export declare const SubscriptionPlansCollected: FunctionComponent<Props>;
-export {};

package/dist/esm/components/plans/SubscriptionPlansCollected.js

@@ -1,19 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,createElement as l}from"react";import i from"styled-components";import{NewSubscriptionPlan as o}from"./NewSubscriptionPlan.js";const n=i.div`
-	display: flex;
-	column-gap: 22px;
-	align-items: stretch;
-	overflow-x: scroll;
-	max-width: ${t=>{var e;return null!==(e=t.maxWidth)&&void 0!==e?e:"100%"}};
-	&::-webkit-scrollbar-thumb {
-		background: #888;
-		border-radius: 8px;
-	}
-	&::-webkit-scrollbar {
-		height: 5px;
-		display: block;
-		width: 8px;
-	}
-	&::-webkit-scrollbar-thumb:horizontal {
-		width: 8px;
-	}
-`,a=i=>{var a;const[r,s]=e(null!==(a=i.selectedPlan)&&void 0!==a?a:"");return t(n,Object.assign({style:{padding:"28px 0px 5px 0px"},maxWidth:i.maxWidth},{children:i.plans.map(((e,n)=>{var a,d,c;return t("div",Object.assign({style:{minWidth:null!==(a=i.staticWidth)&&void 0!==a?a:280,maxWidth:null!==(d=i.staticWidth)&&void 0!==d?d:280}},{children:l(o,Object.assign({},e,{showMonthly:!0,showMonthlyOptions:null!==(c="monthly"==i.selectedTab)&&void 0!==c&&c,showTrialOptions:i.showTrialOptions||!1,onPlanSelect:t=>{i.onPlanSelect(t),s(t)},key:e.planName,isPlanSelected:r==("monthly"==i.selectedTab?e.code:e.yearlyCode),onClickShowAllFeatures:i.onClickShowAllFeatures,showSelectedPlanChip:i.currentPlan==("monthly"==i.selectedTab?e.code:e.yearlyCode),minHeightOfFeatures:i.minHeightOfFeatures}))}),n)}))}))};export{a as SubscriptionPlansCollected};

package/dist/esm/components/product-picker-v2/rearrangeScreen.d.ts

@@ -1,19 +0,0 @@
-import React from 'react';
-import { SelectedItems } from '.';
-import { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION } from './type';
-interface RearrangeScreenInterface {
-    selectedCollections: SelectedItems;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    setScreen: React.Dispatch<React.SetStateAction<string>>;
-    rearrangeViewType: 'grid' | 'list';
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    scrollContainerRef: React.RefObject<HTMLDivElement>;
-}
-/**
- * Screen will be opened on two conditions -
- * 1. When startupScreen is 'rearrange'- Here, this screen will be opened as beginning.
-     2. When rearrangeAfterSelectionEnabled is true - Here instead of selected products screen, rearrange screen will be opened
- */
-export declare const RearrangeScreen: (props: RearrangeScreenInterface) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/esm/components/product-picker-v2/rearrangeScreen.js

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import o from"../../assets/icons/arrow_left.svg.js";import{useState as r,useEffect as s}from"react";import{DragDropContext as c}from"react-beautiful-dnd";import{COLORS as n}from"../../constants/Theme.js";import{IconButton as i}from"../icon-button/IconButton.js";import{BodyCaption as l}from"../TypographyStyle.js";import{EmptyState as a}from"./emptyState.js";import{parseSelectedVariantsToArray as d}from"./helpers/ProductHelper.js";import{SelectedScreenHeader as p}from"./style.js";import{VariantsList as m,VariantsGrid as f}from"./variantComponents.js";const u=u=>{const{selectedCollections:h,selectedCollectionsDispatch:j,setScreen:y,rearrangeViewType:S,outOfStockAction:g,scrollContainerRef:C}=u,[b,O]=r(d(h));s((()=>{var e;null===(e=null==C?void 0:C.current)||void 0===e||e.scrollTo({top:0}),O(d(h))}),[h]);return e(c,Object.assign({onDragEnd:e=>{if(!e.destination)return;const t=b,[o]=t.splice(e.source.index,1);t.splice(e.destination.index,0,o),t.forEach(((e,t)=>{e.displayOrder=t})),O(t)}},{children:[e(p,{children:[t(i,{Icon:o,width:16,height:16,color:n.content.secondary,onClick:()=>{y("collections")}}),t(l,Object.assign({color:n.content.secondary},{children:"All Products"}))]}),Object.keys(h).length>0?"list"===S?t(m,{selectedVariants:b,setSelectedVariants:O,selectedCollectionsDispatch:j,outOfStockAction:g}):t(f,{selectedVariants:b,setSelectedVariants:O,selectedCollectionsDispatch:j}):t(a,{title:"No Products Selected",subtitle:"Selected products will appear here"})]}))};export{u as RearrangeScreen};

package/dist/esm/components/product-picker-v2/variant.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { ProductVariant } from './modal';
-import { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION } from './type';
-/**
- * Extended type from Product Variant, which contains ids and name.
- */
-export type ProductVariantForRearrange = ProductVariant & {
-    variantId: string;
-    productId: string;
-    collectionId: string;
-    productName: string;
-};
-/**
- * Props type for variant card in rearrange screen
- */
-export interface VariantCardInterface {
-    data: ProductVariantForRearrange;
-    selectedCollectionsDispatch?: React.Dispatch<SelectedCollectionsActions>;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-    onDelete?: () => void;
-}
-/**
- * Variant card in list view format.
- * Displays image, name and delete icon
- */
-export declare const VariantCardListView: (props: VariantCardInterface) => import("react/jsx-runtime").JSX.Element;
-/**
- * Variant card in grid view format.
- * Displays only image
- */
-export declare const VariantCardGridView: (props: VariantCardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/product-picker-v2/variant.js

@@ -1 +0,0 @@
-import{jsxs as t,jsx as e,Fragment as o}from"react/jsx-runtime";import i from"../../assets/icons/delete.svg.js";import r from"../../assets/icons/drag_handle.svg.js";import{COLORS as a}from"../../constants/Theme.js";import{IconButton as n}from"../icon-button/IconButton.js";import{ShimmerImage as l}from"../shimmer-image/ShimmerImage.js";import{TitleRegular as s}from"../TypographyStyle.js";import{truncate as c}from"./collectionScreen.js";import{ProductHelper as m}from"./helpers/ProductHelper.js";import{VariantCardListStyle as d,VariantCardGridStyle as h}from"./style.js";import{Tooltip as p}from"../tooltips/Tooltip.js";import{Tag as g}from"../tag/Tag.js";const j=h=>{const{data:j,selectedCollectionsDispatch:u,outOfStockAction:f}=h,b=m.getProductLabels(j,f),y=t=>{let e;return e=j.name.includes(j.productName)?j.name:`${j.productName} ${j.name}`,t?c(e,34,!0):e};return t(d,{children:[e(r,{width:24,height:24,color:a.content.placeholder}),e("div",{children:e(l,{width:40,height:40,imageUrl:j.image,alt:"Item",borderRadius:4},j.variantId)}),t("div",Object.assign({className:"tooltip-title-tag"},{children:[e(p,Object.assign({body:y(!1),placement:"bottom",delay:400},{children:e(s,{children:y(!0)})})),b?e("div",Object.assign({style:{width:90,display:"flex"}},{children:e(g,{tagText:b,type:"warning",theme:"light"})})):e(o,{})]})),e(n,{Icon:()=>e(i,{width:24,height:24,color:a.content.placeholder}),onClick:()=>{u&&u({type:"variantUnselected",data:{productId:j.productId,variantId:j.variantId,collectionId:j.collectionId}}),h.onDelete&&h.onDelete()}})]})},u=t=>{const{data:o}=t;return e(h,{children:e(p,Object.assign({body:o.name,alwaysVisible:!1,variant:"dark",placement:"bottom"},{children:e(l,{width:72,height:72,imageUrl:o.image,alt:"Item",borderRadius:4})}))})};export{u as VariantCardGridView,j as VariantCardListView};

package/dist/esm/components/product-picker-v2/variantComponents.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { SelectedCollectionsActions } from './reducers';
-import { OUT_OF_STOCK_ACTION } from './type';
-import { ProductVariantForRearrange } from './variant';
-/**
- * Props for list of variants - applicable both in list and grid view
- */
-export type VariantsComponentProps = {
-    selectedVariants: ProductVariantForRearrange[];
-    setSelectedVariants: React.Dispatch<React.SetStateAction<ProductVariantForRearrange[]>>;
-    selectedCollectionsDispatch: React.Dispatch<SelectedCollectionsActions>;
-    outOfStockAction?: OUT_OF_STOCK_ACTION;
-};
-/**
- * Returns a react component of variants list, which are eligible to drag and drop.
- */
-export declare const VariantsList: ({ selectedVariants, setSelectedVariants, selectedCollectionsDispatch, outOfStockAction, }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Returns a react component of variants grid, which are eligible to drag and drop.
- */
-export declare const VariantsGrid: ({ selectedVariants }: VariantsComponentProps) => import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/product-picker-v2/variantComponents.js

@@ -1 +0,0 @@
-import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useState as a}from"react";import{Droppable as t,Draggable as s}from"react-beautiful-dnd";import{COLORS as n}from"../../constants/Theme.js";import{VariantCardListView as d,VariantCardGridView as i}from"./variant.js";const l=i=>{let{selectedVariants:l,setSelectedVariants:o,selectedCollectionsDispatch:c,outOfStockAction:p}=i;const[g,b]=a(-1);function f(e){if(null==e?void 0:e.transform){const r=`translate(0px, ${e.transform.split(",").pop()}`;return Object.assign(Object.assign({},e),{transform:r})}return e}return e(t,Object.assign({droppableId:"droppable-list"},{children:(a,t)=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign({backgroundColor:n.surface.subdued,padding:"0.05px",height:l.length<8?"550px":"100%"},a.droppableProps.style)},{children:[l.map(((r,a)=>e("div",Object.assign({style:{background:n.surface.hovered,margin:"5px",boxShadow:a===g?"0px 4px 12px rgba(0, 0, 0, 0.12)":""},onMouseEnter:()=>b(a),onMouseLeave:()=>b(-1)},{children:e(s,Object.assign({draggableId:`${r.productId}-${r.variantId}`,index:a},{children:(t,s)=>e("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{style:f(Object.assign(Object.assign({},t.draggableProps.style),t.draggableSnapshot))},{children:e(d,{data:r,selectedCollectionsDispatch:c,onDelete:()=>{const e=l.slice();e[a].displayOrder=null,e.splice(a,1),o(e)},outOfStockAction:p},`${r.productId}-${r.variantId}`)}))}),`${r.productId}-${r.variantId}`)}),`${r.productId}-${r.variantId}`))),a.placeholder&&t.isDraggingOver?e("div",Object.assign({style:{background:n.surface.hovered,margin:"5px"}},{children:a.placeholder})):null]}))}))},o=a=>{let{selectedVariants:n}=a;return e(t,Object.assign({droppableId:"droppable-horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex"})},{children:[e(t,Object.assign({droppableId:"droppable-vertical",direction:"horizontal"},{children:a=>r("div",Object.assign({},a.droppableProps,{ref:a.innerRef,style:Object.assign(Object.assign({},a.droppableProps.style),{display:"flex",flexWrap:"wrap",flexDirection:"row"})},{children:[n.map(((a,t)=>e(s,Object.assign({draggableId:`${a.productId}-${a.variantId}`,index:t},{children:(t,s)=>r("div",Object.assign({ref:t.innerRef},t.draggableProps,t.dragHandleProps,{children:[e(i,{data:a}),t.placeholder]}))}),`${a.productId}-${a.variantId}`))),a.placeholder]}))})),a.placeholder]}))}))};export{o as VariantsGrid,l as VariantsList};

package/dist/esm/components/resizeImage/index.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-export interface ResizableImageProps {
-    imageUrl: string;
-    targetSize: number;
-    alt?: string;
-    style?: React.CSSProperties;
-}
-export declare const ResizableImage: React.FC<ResizableImageProps>;

package/dist/esm/components/resizeImage/index.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import{useState as e,useEffect as r}from"react";import{resizeImage as i}from"../../utils/resizeImage.js";const m=m=>{let{imageUrl:o,targetSize:s,alt:a,style:c}=m;const[l,g]=e("");return r((()=>{i(o,s).then((t=>{g(t)})).catch((t=>{g(o)}))}),[o,s]),t("img",{alt:a,src:l,height:s,width:s,style:c})};export{m as ResizableImage};

package/dist/esm/components/slider/index.d.ts

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

package/dist/esm/components/slider/slider.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export interface SliderBikProps {
-    min: number;
-    max: number;
-    defaultValue: number;
-    onChange: (event: Event) => void;
-    step?: number;
-    disabled?: boolean;
-}
-export declare const BikSlider: React.FC<SliderBikProps>;

package/dist/esm/components/slider/slider.js

@@ -1 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{COLORS as r}from"../../constants/Theme.js";import a from"../../node_modules/@mui/material/styles/styled.js";import o from"../../node_modules/@mui/material/Slider/Slider.js";const i=a(o)({marginTop:"30px",color:r.background.brand,height:8,"& .MuiSlider-track":{border:"none"},"& .MuiSlider-thumb":{height:24,width:24,backgroundColor:r.background.brand,border:`2px solid ${r.background.brand}`,"&:hover":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:focused":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.33)"},"&.Mui-active":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.5)"},"&.Mui-focusVisible":{boxShadow:"0px 0px 0px 8px rgba(115, 29, 207, 0.08)"},"&:before":{display:"none"}},"& .MuiSlider-valueLabel":{lineHeight:1.2,fontSize:12,background:"unset",padding:0,width:32,height:32,borderRadius:"50% 50% 50% 0",backgroundColor:r.background.brand,transformOrigin:"bottom left",transform:"translate(50%, -100%) rotate(-45deg) scale(0)","&:before":{display:"none"},"&.MuiSlider-valueLabelOpen":{transform:"translate(50%, -100%) rotate(-45deg) scale(1)"},"& > *":{transform:"rotate(45deg)"}}}),t=r=>{let{min:a,max:o,defaultValue:t,onChange:d,step:n=1,disabled:l=!1}=r;return e(i,{valueLabelDisplay:"auto","aria-label":"bik slider",value:t,min:a,max:o,onChange:d,step:n,disabled:l})};export{t as BikSlider};

package/dist/esm/components/template-context-mapper/custom-hooks/useAdditionalVariables.d.ts

@@ -1,12 +0,0 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2/AddVariableV2";
-export type AdditionalVariableProps = {
-    variableList?: VariableListInterfaceV2[];
-    categoryDisplayName: string;
-    variableDisplayName: string;
-    variableValue: string;
-};
-/**
- * Takes the previous variable list and adds any custom variable given as prop.
- * E.g - Custom Text, Custom URL, Static Expiry
- */
-export declare const useAdditionalVariables: (props: AdditionalVariableProps) => VariableListInterfaceV2[] | undefined;

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

@@ -1 +0,0 @@
-const a=a=>{const{variableList:e,categoryDisplayName:i,variableDisplayName:r,variableValue:l}=a;return e?[...e,{description:"",displayName:i,orderId:1,variables:{variableDisplayName:{description:void 0,displayName:r,actualValue:l,variableType:"any",isAvailable:!0}}}].sort(((a,e)=>a.orderId-e.orderId)):e};export{a as useAdditionalVariables};

package/dist/esm/components/template-context-mapper/modalElements/BackTrackComponent.d.ts

@@ -1,4 +0,0 @@
-export declare const BackTrackComponent: (props: {
-    backTrackMessage?: string | undefined;
-    setBackTrackMessage?: ((backTrackMessage: string) => void) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/esm/components/template-context-mapper/modalElements/DiscountCodeComponent.d.ts

@@ -1,6 +0,0 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-export declare const DiscountCodeComponent: (props: {
-    discountCode?: string | undefined;
-    setDiscountCode?: ((code: string) => void) | undefined;
-    variableList?: VariableListInterfaceV2[] | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1 +0,0 @@
-import{jsxs as e,Fragment as t,jsx as i}from"react/jsx-runtime";import r from"../../../assets/icons/PlusIcon.js";import{useState as o,useRef as a,useEffect as s}from"react";import{AddVariableV2SideModal as l}from"../../add-variableV2/AddVariableV2SideModal.js";import"../../../_virtual/_tslib.js";import"../../add-variableV2/AddVariableV2.styled.js";import"../../button/Button.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import"../../tooltips/Tooltip.js";import"../../../constants/Theme.js";import"../../modals/modal.styled.js";import"../../switch/Switch.js";import{TitleSmall as n}from"../../TypographyStyle.js";import{CheckBox as c}from"../../checkBox/CheckBox.js";import{AddVariableStyled as m}from"./VariableConnectorsPanel.js";const p=p=>{const{discountCode:u,setDiscountCode:h,variableList:b}=p,[j,g]=o(""),[v,V]=o(!!u),[f,y]=o(!1),[x,C]=o(!1),w=a(),T=a();return s((()=>{h&&j&&h(u+j)}),[j]),e(t,{children:[e("div",Object.assign({style:{display:"flex",flexDirection:"row",marginLeft:10,marginTop:8}},{children:[i(c,{isChecked:v,onValueChange:()=>{v&&h&&(h(""),g("")),V(!v)}}),i(n,Object.assign({style:{marginLeft:8}},{children:"Add discount code"}))]})),v&&e("div",Object.assign({ref:w,style:{margin:10}},{children:[i(d,{placeholder:"Enter your discount code",onChangeText:e=>{h&&h(e)},value:u,onFocus:()=>{y(!0)},onBlur:e=>{var t;"addVar"===(null===(t=e.relatedTarget)||void 0===t?void 0:t.id)?(w.current&&w.current.focus(),y(!0)):(y(!1),C(!1))},noErrorHint:!0,validate:e=>[!0,""]}),f&&i(m,Object.assign({ref:T,id:"addVar",onClick:e=>{e.stopPropagation(),C(!0)}},{children:e("div",Object.assign({className:"add"},{children:[i(r,{width:14,height:14,color:"white"}),i("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))]})),x&&i(l,{zIndex:2e3,data:null!=b?b:[],showVariable:x,setShowVariable:C,variableValue:j,setVariableValue:g,placeholder:"Add a variable",customTrigger:e=>{g(e.actualValue),y(!1)}})]})};export{p as DiscountCodeComponent};

package/dist/esm/components/template-context-mapper/modalElements/EditMediaModal.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-import { HEADER_TYPES } from "../../template-preview";
-declare const EditMediaModal: React.FC<{
-    setOpenEditMedia: React.Dispatch<React.SetStateAction<boolean>>;
-    openEditMedia: boolean;
-    mediaComponentFormat: HEADER_TYPES;
-    variableListForImage: VariableListInterfaceV2[];
-    uploadMedia: (urlOrVariable?: string) => void;
-}>;
-export default EditMediaModal;

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

@@ -1 +0,0 @@
-import{jsx as e,jsxs as t}from"react/jsx-runtime";import{Button as a}from"../../button/Button.js";import{InputWithVariables as i}from"../../input-with-vars/InputWithVariables.js";import{StyledModal as o}from"../../modals/styledModal.js";import"../../template-preview/TemplatePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreview.js";import"../../template-preview/WhatsApp/WhatsAppLikePreviewV2.js";import{DEFAULT_THEME as r}from"../../../constants/Theme.js";import"../../curtain/CurtainHelper.js";import{HEADER_TYPES as s}from"../../template-preview/models/TemplateMeta.js";import{POD as l}from"../../template-preview/models/WhatsAppTemplate.js";import{TitleMedium as n,BodySecondary as d,BodyRegular as p,BodyCaption as m}from"../../TypographyStyle.js";import c from"../../../assets/icons/file.svg.js";import h from"../../../assets/icons/filePdf.svg.js";import g from"../../../assets/icons/image.svg.js";import u from"../../../assets/icons/upload.svg.js";import{useTemplateModalContext as b}from"../context/templateModalContext.js";const f=f=>{let{setOpenEditMedia:j,mediaComponentFormat:v,variableListForImage:y,openEditMedia:x,uploadMedia:M}=f;const{pod:w}=b();return e(o,Object.assign({open:x,zIndex:2e3,onClose:()=>j(!1),width:"440px"},{children:t("div",Object.assign({style:{padding:24,borderRadius:4}},{children:[e(n,Object.assign({style:{marginBottom:16}},{children:"Update media"})),t("div",Object.assign({style:{padding:24,border:`1px dashed ${r.colorsV2.stroke.primary}`,backgroundColor:r.colorsV2.surface.subdued}},{children:[t("div",Object.assign({style:{marginBottom:24,display:"flex",justifyContent:"center",flexDirection:"column",alignItems:"center",gap:16}},{children:[e("div",Object.assign({style:{height:80,width:80,borderRadius:"100%",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:r.colorsV2.background.base}},{children:v===s.IMAGE?e(g,{width:40,height:40}):v===s.VIDEO?e(c,{width:40,height:40}):e(h,{width:40,height:40})})),e(n,{children:v===s.IMAGE?"Upload an image":v===s.VIDEO?"Upload a video":"Upload a document"}),e(d,{children:v===s.IMAGE?"JPEG/ PNG format • Max 5MB":v===s.VIDEO?"MP4 format video • Max 16MB":"PDF format a document • Max 100MB"})]})),t("div",Object.assign({style:{marginBottom:16}},{children:[e(p,{children:"Media"}),e(i,{noMaxCharCheck:!0,addVarBoxRight:"46px",allowMix:!1,onChange:e=>{},prevVariable:{actualValue:"",variableType:"string"},variablesList:y,showSideVariablePanel:!0,placeHolder:"Enter URL or add variable...",onBlur:(e,t)=>{t&&t.actualValue&&M(t.actualValue)},showAddButton:w!==l.CAMPAIGN||v===s.IMAGE})]})),t("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:4}},{children:[e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}}),e(m,Object.assign({style:{flex:1}},{children:"Or upload media from device"})),e("hr",{style:{height:"2px",flex:.5,backgroundColor:"black"}})]})),e("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e(a,{matchParentWidth:!0,buttonText:"Upload",buttonType:"secondary",LeadingIcon:u,onClick:()=>M()})}))]}))]}))}))};export{f as default};

package/dist/esm/components/template-context-mapper/modalElements/EditWhatsAppCarouselTemplateV2.d.ts

@@ -1,25 +0,0 @@
-import { VariableListInterfaceV2 } from "../../add-variableV2";
-import { WhatsAppPickerMeta } from "../../template-preview";
-import { WhatsAppCarouselTemplate } from "../../template-preview/models/WhatsappCarouselTemplate";
-export interface EditWhatsAppCarouselTemplateV2Props {
-    whatsappSpecificPickerMeta?: WhatsAppPickerMeta;
-    template: WhatsAppCarouselTemplate;
-    showVariableModal?: boolean;
-    variableList?: VariableListInterfaceV2[];
-    variableListForImage?: VariableListInterfaceV2[];
-    discountCode?: string;
-    setDiscountCode?: (code: string) => void;
-}
-export interface CarouselProduct {
-    name: string;
-    image: string;
-    quantity: number;
-    variantId: string;
-    productId: string;
-    displayOrder: number;
-    collectionId: string;
-    productName: string;
-    productImage: string;
-}
-declare const EditWhatsAppCarouselTemplateV2: ({ template, whatsappSpecificPickerMeta, showVariableModal, variableList, variableListForImage, discountCode, setDiscountCode, }: EditWhatsAppCarouselTemplateV2Props) => import("react/jsx-runtime").JSX.Element;
-export default EditWhatsAppCarouselTemplateV2;