@bikdotai/bik-component-library 0.0.107 → 0.0.109

package/dist/cjs/components/colourInput/ColourInput.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../node_modules/lodash.debounce/index.js"),o=require("react"),t=require("./ColourInput.styled.js"),n=require("../TypographyStyle.js"),s=require("../../constants/Theme.js");exports.ColourInput=l=>{const u=o.useCallback(r.default((e=>{l.onValueChange(e)}),100),[]);return e.jsxs("div",Object.assign({className:"buttonColorCustom"},{children:[l.headingText&&e.jsx(n.BodySecondary,{children:l.headingText}),e.jsxs(t.ColorInputContainer,{children:[e.jsx("div",Object.assign({style:{fontWeight:400,fontSize:16,lineHeight:24,color:s.DEFAULT_THEME.colorsV2.content.primary}},{children:"Colour"})),e.jsx(t.StyledColorInput,{type:"color",onChange:e=>{u(e.target.value)},value:l.value})]})]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./ColourInput.styled.js"),t=require("../TypographyStyle.js"),o=require("../../constants/Theme.js");exports.ColourInput=n=>e.jsxs("div",Object.assign({className:"buttonColorCustom"},{children:[n.headingText&&e.jsx(t.BodySecondary,{children:n.headingText}),e.jsxs(r.ColorInputContainer,{children:[e.jsx("div",Object.assign({style:{fontWeight:400,fontSize:16,lineHeight:24,color:o.DEFAULT_THEME.colorsV2.content.primary}},{children:"Colour"})),e.jsx(r.StyledColorInput,{type:"color",onChange:e=>{n.onValueChange(e.target.value)},value:n.value})]})]}));

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputVariant } from '../input/Input';
 export interface SearchBarProps {
     width: string;

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/modalElements/VariableConnectorsPanel.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../template-preview/models/Channels.js"),n=require("../../tooltips/Tooltip.js"),l=require("../../TypographyStyle.js"),r=require("../../../constants/Theme.js"),a=require("../context/templateModalContext.js"),o=require("./VariableConnector.js");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=c(i).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/info.svg.js"),i=require("styled-components"),s=require("../../input/Input.js"),n=require("../../template-preview/models/Channels.js"),r=require("../../tooltips/Tooltip.js"),l=require("../../TypographyStyle.js"),a=require("../../../constants/Theme.js"),o=require("../context/templateModalContext.js"),c=require("./VariableConnector.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=d(i).default.div`
 	overflow-y: auto;
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`;exports.Container=d,exports.default=i=>{let{onFocus:c}=i;const{originalVariableList:u,channel:j}=a.useTemplateModalContext();return e.jsxs(d,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(l.TitleRegular,Object.assign({style:{color:r.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(n.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:r.COLORS.content.placeholder})})}))]})),e.jsx(l.BodySecondary,Object.assign({style:{color:r.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==u?void 0:u.map(((t,i)=>j!==s.CHANNEL_TYPE.EMAIL||t.isEditableVariable?e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(o.default,{index:i,variable:t,onFocus:()=>null==c?void 0:c(i)})}),i):e.jsx(e.Fragment,{})))]})};
+`;exports.Container=u,exports.default=i=>{let{onFocus:d}=i;const{originalVariableList:p,channel:j}=o.useTemplateModalContext();return e.jsxs(u,{children:[e.jsxs("div",Object.assign({style:{padding:8}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",gap:8}},{children:[e.jsx(l.TitleRegular,Object.assign({style:{color:a.COLORS.content.primary}},{children:"Edit variables and links"})),e.jsx(r.Tooltip,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:e.jsx("div",{children:e.jsx(t.default,{width:20,height:20,color:a.COLORS.content.placeholder})})}))]})),e.jsx(l.BodySecondary,Object.assign({style:{color:a.COLORS.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==p?void 0:p.map(((t,i)=>j!==n.CHANNEL_TYPE.EMAIL||t.isEditableVariable?e.jsx("div",Object.assign({style:{marginTop:16}},{children:e.jsx(c.default,{index:i,variable:t,onFocus:()=>null==d?void 0:d(i)})}),i):e.jsxs("div",Object.assign({style:{margin:"16px 8px"}},{children:[e.jsxs(l.BodySecondary,Object.assign({style:{color:a.COLORS.content.primary}},{children:["Locked variable ",i+1]})),e.jsx(s.Input,{state:"disabled",placeholder:t.variableName,onChangeText:()=>{}})]}),i)))]})};

package/dist/esm/components/colourInput/ColourInput.js

@@ -1 +1 @@
-import{jsxs as o,jsx as e}from"react/jsx-runtime";import t from"../../node_modules/lodash.debounce/index.js";import{useCallback as r}from"react";import{ColorInputContainer as n,StyledColorInput as i}from"./ColourInput.styled.js";import{BodySecondary as l}from"../TypographyStyle.js";import{DEFAULT_THEME as s}from"../../constants/Theme.js";const a=a=>{const m=r(t((o=>{a.onValueChange(o)}),100),[]);return o("div",Object.assign({className:"buttonColorCustom"},{children:[a.headingText&&e(l,{children:a.headingText}),o(n,{children:[e("div",Object.assign({style:{fontWeight:400,fontSize:16,lineHeight:24,color:s.colorsV2.content.primary}},{children:"Colour"})),e(i,{type:"color",onChange:o=>{m(o.target.value)},value:a.value})]})]}))};export{a as ColourInput};
+import{jsxs as e,jsx as o}from"react/jsx-runtime";import{ColorInputContainer as t,StyledColorInput as r}from"./ColourInput.styled.js";import{BodySecondary as n}from"../TypographyStyle.js";import{DEFAULT_THEME as i}from"../../constants/Theme.js";const l=l=>e("div",Object.assign({className:"buttonColorCustom"},{children:[l.headingText&&o(n,{children:l.headingText}),e(t,{children:[o("div",Object.assign({style:{fontWeight:400,fontSize:16,lineHeight:24,color:i.colorsV2.content.primary}},{children:"Colour"})),o(r,{type:"color",onChange:e=>{l.onValueChange(e.target.value)},value:l.value})]})]}));export{l as ColourInput};

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { InputVariant } from '../input/Input';
 export interface SearchBarProps {
     width: string;

package/dist/esm/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/esm/components/template-context-mapper/modalElements/VariableConnectorsPanel.js

@@ -1,6 +1,6 @@
-import{jsxs as e,jsx as t,Fragment as i}from"react/jsx-runtime";import o from"../../../assets/icons/info.svg.js";import n from"styled-components";import{CHANNEL_TYPE as l}from"../../template-preview/models/Channels.js";import{Tooltip as r}from"../../tooltips/Tooltip.js";import{TitleRegular as a,BodySecondary as s}from"../../TypographyStyle.js";import{COLORS as c}from"../../../constants/Theme.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import m from"./VariableConnector.js";const p=n.div`
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import i from"../../../assets/icons/info.svg.js";import o from"styled-components";import{Input as n}from"../../input/Input.js";import{CHANNEL_TYPE as r}from"../../template-preview/models/Channels.js";import{Tooltip as l}from"../../tooltips/Tooltip.js";import{TitleRegular as a,BodySecondary as s}from"../../TypographyStyle.js";import{COLORS as c}from"../../../constants/Theme.js";import{useTemplateModalContext as d}from"../context/templateModalContext.js";import m from"./VariableConnector.js";const p=o.div`
 	overflow-y: auto;
 	display: flex;
 	flex-direction: column;
 	height: 100%;
-`,h=n=>{let{onFocus:h}=n;const{originalVariableList:b,channel:f}=d();return e(p,{children:[e("div",Object.assign({style:{padding:8}},{children:[e("div",Object.assign({style:{display:"flex",gap:8}},{children:[t(a,Object.assign({style:{color:c.content.primary}},{children:"Edit variables and links"})),t(r,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:t("div",{children:t(o,{width:20,height:20,color:c.content.placeholder})})}))]})),t(s,Object.assign({style:{color:c.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==b?void 0:b.map(((e,o)=>f!==l.EMAIL||e.isEditableVariable?t("div",Object.assign({style:{marginTop:16}},{children:t(m,{index:o,variable:e,onFocus:()=>null==h?void 0:h(o)})}),o):t(i,{})))]})};export{p as Container,h as default};
+`,h=o=>{let{onFocus:h}=o;const{originalVariableList:b,channel:y}=d();return e(p,{children:[e("div",Object.assign({style:{padding:8}},{children:[e("div",Object.assign({style:{display:"flex",gap:8}},{children:[t(a,Object.assign({style:{color:c.content.primary}},{children:"Edit variables and links"})),t(l,Object.assign({body:"Variables are placeholder texts which can either be filled by data, eg: customer name or can have any custom text within them"},{children:t("div",{children:t(i,{width:20,height:20,color:c.content.placeholder})})}))]})),t(s,Object.assign({style:{color:c.content.secondary}},{children:"You can view variables and links on the left underlined in purple colour."}))]})),null==b?void 0:b.map(((i,o)=>y!==r.EMAIL||i.isEditableVariable?t("div",Object.assign({style:{marginTop:16}},{children:t(m,{index:o,variable:i,onFocus:()=>null==h?void 0:h(o)})}),o):e("div",Object.assign({style:{margin:"16px 8px"}},{children:[e(s,Object.assign({style:{color:c.content.primary}},{children:["Locked variable ",o+1]})),t(n,{state:"disabled",placeholder:i.variableName,onChangeText:()=>{}})]}),o)))]})};export{p as Container,h as default};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.107",
+	"version": "0.0.109",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",

package/dist/cjs/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};exports.commonjsGlobal=e;

package/dist/cjs/node_modules/lodash.debounce/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../_virtual/_commonjsHelpers.js"),e="Expected a function",n=NaN,o="[object Symbol]",r=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,u=/^0b[01]+$/i,f=/^0o[0-7]+$/i,c=parseInt,a="object"==typeof t.commonjsGlobal&&t.commonjsGlobal&&t.commonjsGlobal.Object===Object&&t.commonjsGlobal,l="object"==typeof self&&self&&self.Object===Object&&self,s=a||l||Function("return this")(),v=Object.prototype.toString,m=Math.max,p=Math.min,b=function(){return s.Date.now()};function j(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function y(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&v.call(t)==o}(t))return n;if(j(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=j(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(r,"");var a=u.test(t);return a||f.test(t)?c(t.slice(2),a?2:8):i.test(t)?n:+t}var d=function(t,n,o){var r,i,u,f,c,a,l=0,s=!1,v=!1,d=!0;if("function"!=typeof t)throw new TypeError(e);function O(e){var n=r,o=i;return r=i=void 0,l=e,f=t.apply(o,n)}function x(t){var e=t-a;return void 0===a||e>=n||e<0||v&&t-l>=u}function g(){var t=b();if(x(t))return h(t);c=setTimeout(g,function(t){var e=n-(t-a);return v?p(e,u-(t-l)):e}(t))}function h(t){return c=void 0,d&&r?O(t):(r=i=void 0,f)}function T(){var t=b(),e=x(t);if(r=arguments,i=this,a=t,e){if(void 0===c)return function(t){return l=t,c=setTimeout(g,n),s?O(t):f}(a);if(v)return c=setTimeout(g,n),O(a)}return void 0===c&&(c=setTimeout(g,n)),f}return n=y(n)||0,j(o)&&(s=!!o.leading,u=(v="maxWait"in o)?m(y(o.maxWait)||0,n):u,d="trailing"in o?!!o.trailing:d),T.cancel=function(){void 0!==c&&clearTimeout(c),l=0,r=a=i=c=void 0},T.flush=function(){return void 0===c?f:h(b())},T};exports.default=d;

package/dist/esm/_virtual/_commonjsHelpers.js

@@ -1 +0,0 @@
-var e="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};export{e as commonjsGlobal};

package/dist/esm/node_modules/lodash.debounce/index.js

@@ -1 +0,0 @@
-import{commonjsGlobal as t}from"../../_virtual/_commonjsHelpers.js";var e="Expected a function",n=NaN,r="[object Symbol]",i=/^\s+|\s+$/g,o=/^[-+]0x[0-9a-f]+$/i,u=/^0b[01]+$/i,f=/^0o[0-7]+$/i,c=parseInt,a="object"==typeof t&&t&&t.Object===Object&&t,s="object"==typeof self&&self&&self.Object===Object&&self,v=a||s||Function("return this")(),l=Object.prototype.toString,p=Math.max,m=Math.min,b=function(){return v.Date.now()};function y(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function d(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&l.call(t)==r}(t))return n;if(y(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=y(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(i,"");var a=u.test(t);return a||f.test(t)?c(t.slice(2),a?2:8):o.test(t)?n:+t}var j=function(t,n,r){var i,o,u,f,c,a,s=0,v=!1,l=!1,j=!0;if("function"!=typeof t)throw new TypeError(e);function O(e){var n=i,r=o;return i=o=void 0,s=e,f=t.apply(r,n)}function g(t){var e=t-a;return void 0===a||e>=n||e<0||l&&t-s>=u}function h(){var t=b();if(g(t))return x(t);c=setTimeout(h,function(t){var e=n-(t-a);return l?m(e,u-(t-s)):e}(t))}function x(t){return c=void 0,j&&i?O(t):(i=o=void 0,f)}function T(){var t=b(),e=g(t);if(i=arguments,o=this,a=t,e){if(void 0===c)return function(t){return s=t,c=setTimeout(h,n),v?O(t):f}(a);if(l)return c=setTimeout(h,n),O(a)}return void 0===c&&(c=setTimeout(h,n)),f}return n=d(n)||0,y(r)&&(v=!!r.leading,u=(l="maxWait"in r)?p(d(r.maxWait)||0,n):u,j="trailing"in r?!!r.trailing:j),T.cancel=function(){void 0!==c&&clearTimeout(c),s=0,i=a=o=c=void 0},T.flush=function(){return void 0===c?f:x(b())},T};export{j as default};