@bikdotai/bik-component-library 1.1.1-beta.52 → 1.1.1-beta.54

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("../../../../../assets/icons/emoji.svg.js"),c=require("emoji-picker-react"),l=require("react"),b=require("../../../../icon-button/IconButton.js"),A=require("../../../../input/ChipInput.js"),i=require("../../../../../hooks/useOutside.js");function a(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var e=a(I),t=a(c);function p(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const s=I=>{let{val:a,onChange:e,errors:p,nativeID:s,disabled:d}=I;const[o,X]=l.useState(!1),B=(Array.isArray(a)?a:[]).map((I=>I)),n=l.useRef();return i.useOutside(n,(()=>{X(!1)})),g.jsxs("div",Object.assign({style:{position:"relative",opacity:d?.5:1,width:300},id:s},{children:[!!d&&g.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),g.jsxs(u,{children:[g.jsx(A.default,{error:null==p?void 0:p.val,onChipsChange:e,chipsContainerCustomStyle:{padding:"0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:B}),g.jsx(G,{children:g.jsx(b.IconButton,{Icon:C.default,onClick:()=>X(!0)})}),o&&g.jsx("div",Object.assign({ref:n,className:"absolute-picker"},{children:g.jsx(t.default,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:c.Theme.DARK,emojiStyle:c.EmojiStyle.NATIVE,onEmojiClick:I=>null==e?void 0:e([...B,I.emoji])})}))]})]}))};const G=e.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZW1vamkuZW1vamksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKSB9KSB9KSkpXSB9KV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEVtb2ppUGlja2VyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcykpO1xyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:p}),u=e.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"p5bq4j",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;}"}:{name:"p5bq4j",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZW1vamkuZW1vamksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKSB9KSB9KSkpXSB9KV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEVtb2ppUGlja2VyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcykpO1xyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:p});exports.default=I=>g.jsx(s,Object.assign({},I));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var I=require("@emotion/styled/base"),g=require("react/jsx-runtime"),C=require("../../../../../assets/icons/emoji.svg.js"),A=require("emoji-picker-react"),c=require("react"),l=require("../../../../icon-button/IconButton.js"),b=require("../../../../input/ChipInput.js"),i=require("../../../../../hooks/useOutside.js");function a(I){return I&&"object"==typeof I&&"default"in I?I:{default:I}}var e=a(I),t=a(A);function p(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const s=I=>{let{val:a,onChange:e,errors:p,nativeID:s,disabled:G}=I;const[X,o]=c.useState(!1),n=(Array.isArray(a)?a:[]).map((I=>I)),B=c.useRef();return i.useOutside(B,(()=>{o(!1)})),g.jsxs("div",Object.assign({style:{position:"relative",opacity:G?.5:1,width:300},id:s},{children:[!!G&&g.jsx("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),g.jsxs(u,{children:[g.jsx(b.default,{error:null==p?void 0:p.val,onChipsChange:e,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:n}),g.jsx(d,{children:g.jsx(l.IconButton,{Icon:C.default,onClick:()=>o(!0)})}),X&&g.jsx("div",Object.assign({ref:B,className:"absolute-picker"},{children:g.jsx(t.default,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:A.Theme.DARK,emojiStyle:A.EmojiStyle.NATIVE,onEmojiClick:I=>{n.find((g=>I.emoji===g))||null==e||e([...n,I.emoji])}})}))]})]}))};const d=e.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0cyA9IHZhbEFyci5maW5kKChlbSkgPT4gZW1vamkuZW1vamkgPT09IGVtKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RzKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsQXJyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcclxuY29uc3QgRW1vamlJbnB1dCA9IHN0eWxlZC5kaXYgYFxuXHRpbnB1dCB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cblx0LmFic29sdXRlLXBpY2tlciB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTBweDtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:p}),u=e.default("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0cyA9IHZhbEFyci5maW5kKChlbSkgPT4gZW1vamkuZW1vamkgPT09IGVtKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RzKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsQXJyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcclxuY29uc3QgRW1vamlJbnB1dCA9IHN0eWxlZC5kaXYgYFxuXHRpbnB1dCB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cblx0LmFic29sdXRlLXBpY2tlciB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTBweDtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:p});exports.default=I=>g.jsx(s,Object.assign({},I));
@@ -30,7 +30,7 @@
30
30
  padding: 6px 6px 20px 6px;
31
31
  `,o.default.div`
32
32
  padding: 6px 6px 20px 6px;
33
- `;const p=o.default.div`
33
+ `;const r=o.default.div`
34
34
  display: grid;
35
35
  grid-template-columns: repeat(
36
36
  ${e=>e.mediaType==d.POST?6:8},
@@ -50,7 +50,7 @@
50
50
  &:hover::-webkit-scrollbar {
51
51
  width: 0.5em;
52
52
  }
53
- `,r=o.default.div`
53
+ `,p=o.default.div`
54
54
  position: relative;
55
55
  cursor: pointer;
56
56
  height: ${e=>e.mediaType==d.POST?155:180}px;
@@ -59,8 +59,6 @@
59
59
  border: 2px solid transparent;
60
60
 
61
61
  img {
62
- width: ${e=>e.mediaType==d.POST?148:104}px;
63
- height: ${e=>e.mediaType==d.POST?148:172}px;
64
62
  object-fit: cover;
65
63
  border-radius: 4px;
66
64
  }
@@ -127,4 +125,4 @@
127
125
  flex-direction: row;
128
126
  justify-content: flex-end;
129
127
  gap: 10px;
130
- `,exports.StyledProduct=r,exports.StyledProductGrid=p;
128
+ `,exports.StyledProduct=p,exports.StyledProductGrid=r;
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),i=require("./PostPicker.styled.js"),r=require("../tag/Tag.js"),n=require("../TypographyStyle.js"),a=require("../../utils/unCamelCase.js"),l=require("../../constants/colors.js"),o=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js"),u=require("../modals/styledModal.js"),y=require("../states/StateComponent.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var g;const[m,j]=s.useState(null!==(g=e.previouslySelected)&&void 0!==g?g:[]),[h,p]=s.useState("");s.useEffect((()=>{j(e.selected||[])}),[]),s.useEffect((()=>{m.length>0&&p("")}),[m.length]);return t.jsx(t.Fragment,{children:t.jsx(u.StyledModal,Object.assign({zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{disabled:!e.media.length,buttonType:"primary",buttonText:`Select ${a.unCamelCase(e.mediaType)}`,onClick:()=>{m.length?e.onSelect(m):p(`Please select a ${e.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:h?t.jsx(r.Tag,{tagText:h,type:"negative",LeadingIcon:c.default}):m.length?t.jsxs(n.BodySecondary,{children:[m.length," selected"]}):null},{children:e.media&&e.media.length?t.jsx(i.StyledProductGrid,Object.assign({mediaType:e.mediaType},{children:e.media.map((s=>{return t.jsxs(i.StyledProduct,Object.assign({mediaType:e.mediaType,className:""+(r=s,a=m,a.some((e=>e.id===r.id))?"selected":""),onClick:()=>{return t=s,void j((()=>m.includes(t)?m.filter((e=>e!==t)):!e.limit||m.length<e.limit?[...m,t]:(p(`Only ${e.limit} ${e.mediaType}s can be selected`),m)));var t}},{children:[t.jsx("img",{src:s.imageUrl,alt:s.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:s.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(d.default,{height:22,width:22}),t.jsx(n.BodyPrimary,Object.assign({color:l.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(n.BodyCaption,Object.assign({color:o.COLORS.content.placeholder},{children:s.overlayCaption}))}))]}))]}),s.id);var r,a}))})):t.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:t.jsx(y.StateComponent,{states:y.StateInterface.WARNING,heading:`No ${e.mediaType}s on your account`,subline:`There seems to be no ${e.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))}))})};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react/jsx-runtime"),s=require("react"),i=require("./PostPicker.styled.js"),r=require("../tag/Tag.js"),a=require("../TypographyStyle.js"),n=require("../../utils/unCamelCase.js"),l=require("../../constants/colors.js"),o=require("../../constants/Theme.js"),d=require("../../assets/icons/instagram.svg.js"),c=require("../../assets/icons/warning.svg.js"),m=require("../modals/styledModal.js"),u=require("../shimmer-image/ShimmerImage.js"),y=require("../states/StateComponent.js");exports.MEDIA_TYPES=void 0,(e=exports.MEDIA_TYPES||(exports.MEDIA_TYPES={})).STORY="story",e.POST="post",e.REEL="reel";exports.PostPicker=e=>{var g;const[h,j]=s.useState(null!==(g=e.previouslySelected)&&void 0!==g?g:[]),[p,T]=s.useState("");s.useEffect((()=>{j(e.selected||[])}),[]),s.useEffect((()=>{h.length>0&&T("")}),[h.length]);return t.jsx(t.Fragment,{children:t.jsx(m.StyledModal,Object.assign({zIndex:201,open:e.showModal,headingTitle:e.title,onClose:e.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{disabled:!e.media.length,buttonType:"primary",buttonText:`Select ${n.unCamelCase(e.mediaType)}`,onClick:()=>{h.length?e.onSelect(h):T(`Please select a ${e.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>e.onClose()},footerLeftCustomElement:p?t.jsx(r.Tag,{tagText:p,type:"negative",LeadingIcon:c.default}):h.length?t.jsxs(a.BodySecondary,{children:[h.length," selected"]}):null},{children:e.media&&e.media.length?t.jsx(i.StyledProductGrid,Object.assign({mediaType:e.mediaType},{children:e.media.map((s=>{return t.jsxs(i.StyledProduct,Object.assign({mediaType:e.mediaType,className:""+(r=s,n=h,n.some((e=>e.id===r.id))?"selected":""),onClick:()=>{return t=s,void j((()=>h.includes(t)?h.filter((e=>e!==t)):!e.limit||h.length<e.limit?[...h,t]:(T(`Only ${e.limit} ${e.mediaType}s can be selected`),h)));var t}},{children:[t.jsx(u.ShimmerImage,{imageUrl:s.imageUrl,width:e.mediaType==exports.MEDIA_TYPES.POST?148:104,height:e.mediaType==exports.MEDIA_TYPES.POST?148:172,alt:s.overlayCaption}),t.jsxs("div",Object.assign({className:"overlay"},{children:[t.jsx("a",Object.assign({target:"_blank",rel:"noreferrer",href:s.redirectionUrl},{children:t.jsxs("div",Object.assign({className:"overlay__redirection"},{children:[t.jsx(d.default,{height:22,width:22}),t.jsx(a.BodyPrimary,Object.assign({color:l.PRIMARY,style:{fontWeight:500}},{children:"View"}))]}))})),t.jsx("div",Object.assign({className:"overlay__caption"},{children:t.jsx(a.BodyCaption,Object.assign({color:o.COLORS.content.placeholder},{children:s.overlayCaption}))}))]}))]}),s.id);var r,n}))})):t.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:t.jsx(y.StateComponent,{states:y.StateInterface.WARNING,heading:`No ${e.mediaType}s on your account`,subline:`There seems to be no ${e.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))}))})};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { InputVariant } from '../input/Input';
3
2
  export interface SearchBarProps {
4
3
  width: string;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type ShimmerImageProps = {
3
+ imageUrl: string;
4
+ width: number;
5
+ height: number;
6
+ alt?: string;
7
+ };
8
+ export declare const ShimmerImage: React.FC<ShimmerImageProps>;
@@ -0,0 +1 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),i=require("../shimmer/ShimmerComponent/BikShimmer.js");exports.ShimmerImage=r=>{let{imageUrl:s,width:n,height:h,alt:l}=r;const[m,o]=t.useState(!0);return t.useEffect((()=>{const e=new Image;return e.src=s,e.onload=()=>{o(!1)},()=>{e.onload=null}}),[s]),e.jsxs("div",Object.assign({style:{position:"relative",width:n,height:h}},{children:[m&&e.jsx(i.BikShimmer,{boxes:[{height:`${h}px`,width:`${n}`,marginTop:"0px"}]}),e.jsx("img",{src:s,alt:null!=l?l:"Image",style:{display:m?"none":"block",width:"100%",height:"100%"}})]}))};
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { ComponentMeta, ComponentStory } from '@storybook/react';
3
+ declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
4
+ export default _default;
5
+ export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
@@ -1 +1 @@
1
- import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import c from"../../../../../assets/icons/emoji.svg.js";import b,{Theme as l,EmojiStyle as A}from"emoji-picker-react";import{useState as i,useRef as a}from"react";import{IconButton as p}from"../../../../icon-button/IconButton.js";import t from"../../../../input/ChipInput.js";import{useOutside as o}from"../../../../../hooks/useOutside.js";function G(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const X=I=>{let{val:G,onChange:X,errors:d,nativeID:e,disabled:n}=I;const[u,Z]=i(!1),H=(Array.isArray(G)?G:[]).map((I=>I)),W=a();return o(W,(()=>{Z(!1)})),C("div",Object.assign({style:{position:"relative",opacity:n?.5:1,width:300},id:e},{children:[!!n&&g("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),C(B,{children:[g(t,{error:null==d?void 0:d.val,onChipsChange:X,chipsContainerCustomStyle:{padding:"0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:H}),g(s,{children:g(p,{Icon:c,onClick:()=>Z(!0)})}),u&&g("div",Object.assign({ref:W,className:"absolute-picker"},{children:g(b,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:l.DARK,emojiStyle:A.NATIVE,onEmojiClick:I=>null==X?void 0:X([...H,I.emoji])})}))]})]}))};var d=I=>g(X,Object.assign({},I));const s=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZW1vamkuZW1vamksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKSB9KSB9KSkpXSB9KV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEVtb2ppUGlja2VyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcykpO1xyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:G}),B=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"p5bq4j",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;}"}:{name:"p5bq4j",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQzhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4gb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAuLi52YWxBcnIsXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZW1vamkuZW1vamksXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKSB9KSB9KSkpXSB9KV0gfSkpKTtcclxufTtcclxuZXhwb3J0IGRlZmF1bHQgKHByb3BzKSA9PiBfanN4KEVtb2ppUGlja2VyLCBPYmplY3QuYXNzaWduKHt9LCBwcm9wcykpO1xyXG5jb25zdCBFbW9qaUNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdHJpZ2h0OiAwO1xuXHR0b3A6IDA7XG5gO1xyXG5jb25zdCBFbW9qaUlucHV0ID0gc3R5bGVkLmRpdiBgXG5cdGlucHV0IHtcblx0XHRwb2ludGVyLWV2ZW50czogbm9uZTtcblx0fVxuXHQuYWJzb2x1dGUtcGlja2VyIHtcblx0XHRwb3NpdGlvbjogYWJzb2x1dGU7XG5cdFx0dG9wOiA1MHB4O1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:G});export{d as default};
1
+ import I from"@emotion/styled/base";import{jsx as g,jsxs as C}from"react/jsx-runtime";import A from"../../../../../assets/icons/emoji.svg.js";import c,{Theme as l,EmojiStyle as b}from"emoji-picker-react";import{useState as i,useRef as a}from"react";import{IconButton as p}from"../../../../icon-button/IconButton.js";import t from"../../../../input/ChipInput.js";import{useOutside as G}from"../../../../../hooks/useOutside.js";function X(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}const o=I=>{let{val:X,onChange:o,errors:d,nativeID:B,disabled:n}=I;const[Z,u]=i(!1),W=(Array.isArray(X)?X:[]).map((I=>I)),y=a();return G(y,(()=>{u(!1)})),C("div",Object.assign({style:{position:"relative",opacity:n?.5:1,width:300},id:B},{children:[!!n&&g("div",{style:{position:"absolute",width:"100%",height:"100%",top:0,left:0,zIndex:1}}),C(s,{children:[g(t,{error:null==d?void 0:d.val,onChipsChange:o,chipsContainerCustomStyle:{padding:"0px 32px 0px 8px"},createChipKeys:[13,188],placeholder:"add emojis",chips:W}),g(e,{children:g(p,{Icon:A,onClick:()=>u(!0)})}),Z&&g("div",Object.assign({ref:y,className:"absolute-picker"},{children:g(c,{previewConfig:{showPreview:!1},skinTonesDisabled:!0,searchDisabled:!0,theme:l.DARK,emojiStyle:b.NATIVE,onEmojiClick:I=>{W.find((g=>I.emoji===g))||null==o||o([...W,I.emoji])}})}))]})]}))};var d=I=>g(o,Object.assign({},I));const e=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia1"}:{target:"ej9r8ia1",label:"EmojiContainer"})("production"===process.env.NODE_ENV?{name:"14nrdl8",styles:"position:absolute;right:0;top:0"}:{name:"14nrdl8",styles:"position:absolute;right:0;top:0",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQ2tDIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0cyA9IHZhbEFyci5maW5kKChlbSkgPT4gZW1vamkuZW1vamkgPT09IGVtKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RzKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsQXJyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcclxuY29uc3QgRW1vamlJbnB1dCA9IHN0eWxlZC5kaXYgYFxuXHRpbnB1dCB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cblx0LmFic29sdXRlLXBpY2tlciB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTBweDtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:X}),s=I("div","production"===process.env.NODE_ENV?{target:"ej9r8ia0"}:{target:"ej9r8ia0",label:"EmojiInput"})("production"===process.env.NODE_ENV?{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}"}:{name:"18i7njg",styles:"input{pointer-events:none;}.absolute-picker{position:absolute;top:50px;z-index:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkVtb2ppUGlja2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwQzhCIiwiZmlsZSI6IkVtb2ppUGlja2VyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGpzeCBhcyBfanN4LCBqc3hzIGFzIF9qc3hzIH0gZnJvbSBcInJlYWN0L2pzeC1ydW50aW1lXCI7XHJcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IEVtb2ppSWNvbiBmcm9tICdAc3JjL2Fzc2V0cy9pY29ucy9lbW9qaS5zdmcnO1xyXG5pbXBvcnQgUGlja2VyLCB7IEVtb2ppU3R5bGUsIFRoZW1lIH0gZnJvbSAnZW1vamktcGlja2VyLXJlYWN0JztcclxuaW1wb3J0IHsgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgSWNvbkJ1dHRvbiB9IGZyb20gXCIuLi8uLi8uLi8uLi9pY29uLWJ1dHRvblwiO1xyXG5pbXBvcnQgQ2hpcElucHV0IGZyb20gXCIuLi8uLi8uLi8uLi9pbnB1dC9DaGlwSW5wdXRcIjtcclxuaW1wb3J0IHsgdXNlT3V0c2lkZSB9IGZyb20gXCIuLi8uLi8uLi8uLi8uLi9ob29rcy91c2VPdXRzaWRlXCI7XHJcbmNvbnN0IEVtb2ppUGlja2VyID0gKHsgdmFsLCBvbkNoYW5nZSwgZXJyb3JzLCBuYXRpdmVJRCwgZGlzYWJsZWQsIH0pID0+IHtcclxuICAgIGNvbnN0IFtzaG93UGlja2VyLCBzZXRTaG93UGlja2VyXSA9IHVzZVN0YXRlKGZhbHNlKTtcclxuICAgIGNvbnN0IHZhbEFyciA9IChBcnJheS5pc0FycmF5KHZhbCkgPyB2YWwgOiBbXSkubWFwKCh2YWxFbCkgPT4ge1xyXG4gICAgICAgIHJldHVybiB2YWxFbDtcclxuICAgIH0pO1xyXG4gICAgY29uc3QgcmVmID0gdXNlUmVmKCk7XHJcbiAgICB1c2VPdXRzaWRlKHJlZiwgKCkgPT4ge1xyXG4gICAgICAgIHNldFNob3dQaWNrZXIoZmFsc2UpO1xyXG4gICAgfSk7XHJcbiAgICByZXR1cm4gKF9qc3hzKFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyBzdHlsZTogeyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgb3BhY2l0eTogZGlzYWJsZWQgPyAwLjUgOiAxLCB3aWR0aDogMzAwIH0sIGlkOiBuYXRpdmVJRCB9LCB7IGNoaWxkcmVuOiBbISFkaXNhYmxlZCAmJiAoX2pzeChcImRpdlwiLCB7IHN0eWxlOiB7XHJcbiAgICAgICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXHJcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICBoZWlnaHQ6ICcxMDAlJyxcclxuICAgICAgICAgICAgICAgICAgICB0b3A6IDAsXHJcbiAgICAgICAgICAgICAgICAgICAgbGVmdDogMCxcclxuICAgICAgICAgICAgICAgICAgICB6SW5kZXg6IDEsXHJcbiAgICAgICAgICAgICAgICB9IH0pKSwgX2pzeHMoRW1vamlJbnB1dCwgeyBjaGlsZHJlbjogW19qc3goQ2hpcElucHV0LCB7IGVycm9yOiBlcnJvcnMgPT09IG51bGwgfHwgZXJyb3JzID09PSB2b2lkIDAgPyB2b2lkIDAgOiBlcnJvcnMudmFsLCBvbkNoaXBzQ2hhbmdlOiBvbkNoYW5nZSwgY2hpcHNDb250YWluZXJDdXN0b21TdHlsZToge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogJzBweCAzMnB4IDBweCA4cHgnLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICB9LCBjcmVhdGVDaGlwS2V5czogWzEzLCAxODhdLCBwbGFjZWhvbGRlcjogJ2FkZCBlbW9qaXMnLCBjaGlwczogdmFsQXJyIH0pLCBfanN4KEVtb2ppQ29udGFpbmVyLCB7IGNoaWxkcmVuOiBfanN4KEljb25CdXR0b24sIHsgSWNvbjogRW1vamlJY29uLCBvbkNsaWNrOiAoKSA9PiBzZXRTaG93UGlja2VyKHRydWUpIH0pIH0pLCBzaG93UGlja2VyICYmIChfanN4KFwiZGl2XCIsIE9iamVjdC5hc3NpZ24oeyByZWY6IHJlZiwgY2xhc3NOYW1lOiBcImFic29sdXRlLXBpY2tlclwiIH0sIHsgY2hpbGRyZW46IF9qc3goUGlja2VyLCB7IHByZXZpZXdDb25maWc6IHsgc2hvd1ByZXZpZXc6IGZhbHNlIH0sIHNraW5Ub25lc0Rpc2FibGVkOiB0cnVlLCBzZWFyY2hEaXNhYmxlZDogdHJ1ZSwgdGhlbWU6IFRoZW1lLkRBUkssIGVtb2ppU3R5bGU6IEVtb2ppU3R5bGUuTkFUSVZFLCBvbkVtb2ppQ2xpY2s6IChlbW9qaSkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbnN0IGV4aXN0cyA9IHZhbEFyci5maW5kKChlbSkgPT4gZW1vamkuZW1vamkgPT09IGVtKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBpZiAoZXhpc3RzKVxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICByZXR1cm47XHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2UgPT09IG51bGwgfHwgb25DaGFuZ2UgPT09IHZvaWQgMCA/IHZvaWQgMCA6IG9uQ2hhbmdlKFtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgLi4udmFsQXJyLFxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBlbW9qaS5lbW9qaSxcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdKTtcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0gfSkgfSkpKV0gfSldIH0pKSk7XHJcbn07XHJcbmV4cG9ydCBkZWZhdWx0IChwcm9wcykgPT4gX2pzeChFbW9qaVBpY2tlciwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMpKTtcclxuY29uc3QgRW1vamlDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0cG9zaXRpb246IGFic29sdXRlO1xuXHRyaWdodDogMDtcblx0dG9wOiAwO1xuYDtcclxuY29uc3QgRW1vamlJbnB1dCA9IHN0eWxlZC5kaXYgYFxuXHRpbnB1dCB7XG5cdFx0cG9pbnRlci1ldmVudHM6IG5vbmU7XG5cdH1cblx0LmFic29sdXRlLXBpY2tlciB7XG5cdFx0cG9zaXRpb246IGFic29sdXRlO1xuXHRcdHRvcDogNTBweDtcblx0XHR6LWluZGV4OiAxO1xuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1FbW9qaVBpY2tlci5qcy5tYXAiXX0= */",toString:X});export{d as default};
@@ -59,8 +59,6 @@ import e from"styled-components";import{TitleMedium as i}from"../TypographyStyle
59
59
  border: 2px solid transparent;
60
60
 
61
61
  img {
62
- width: ${e=>e.mediaType==t.POST?148:104}px;
63
- height: ${e=>e.mediaType==t.POST?148:172}px;
64
62
  object-fit: cover;
65
63
  border-radius: 4px;
66
64
  }
@@ -1 +1 @@
1
- import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useState as n,useEffect as o}from"react";import{StyledProductGrid as s,StyledProduct as r}from"./PostPicker.styled.js";import{Tag as a}from"../tag/Tag.js";import{BodyPrimary as l,BodyCaption as c,BodySecondary as d}from"../TypographyStyle.js";import{unCamelCase as m}from"../../utils/unCamelCase.js";import{PRIMARY as p}from"../../constants/colors.js";import{COLORS as g}from"../../constants/Theme.js";import h from"../../assets/icons/instagram.svg.js";import y from"../../assets/icons/warning.svg.js";import{StyledModal as u}from"../modals/styledModal.js";import{StateComponent as j,StateInterface as f}from"../states/StateComponent.js";var T;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(T||(T={}));const b=T=>{var b;const[v,C]=n(null!==(b=T.previouslySelected)&&void 0!==b?b:[]),[O,S]=n("");o((()=>{C(T.selected||[])}),[]),o((()=>{v.length>0&&S("")}),[v.length]);return e(t,{children:e(u,Object.assign({zIndex:201,open:T.showModal,headingTitle:T.title,onClose:T.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{disabled:!T.media.length,buttonType:"primary",buttonText:`Select ${m(T.mediaType)}`,onClick:()=>{v.length?T.onSelect(v):S(`Please select a ${T.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>T.onClose()},footerLeftCustomElement:O?e(a,{tagText:O,type:"negative",LeadingIcon:y}):v.length?i(d,{children:[v.length," selected"]}):null},{children:T.media&&T.media.length?e(s,Object.assign({mediaType:T.mediaType},{children:T.media.map((t=>{return i(r,Object.assign({mediaType:T.mediaType,className:""+(n=t,o=v,o.some((e=>e.id===n.id))?"selected":""),onClick:()=>{return e=t,void C((()=>v.includes(e)?v.filter((t=>t!==e)):!T.limit||v.length<T.limit?[...v,e]:(S(`Only ${T.limit} ${T.mediaType}s can be selected`),v)));var e}},{children:[e("img",{src:t.imageUrl,alt:t.overlayCaption}),i("div",Object.assign({className:"overlay"},{children:[e("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:i("div",Object.assign({className:"overlay__redirection"},{children:[e(h,{height:22,width:22}),e(l,Object.assign({color:p,style:{fontWeight:500}},{children:"View"}))]}))})),e("div",Object.assign({className:"overlay__caption"},{children:e(c,Object.assign({color:g.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var n,o}))})):e("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:e(j,{states:f.WARNING,heading:`No ${T.mediaType}s on your account`,subline:`There seems to be no ${T.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))}))})};export{T as MEDIA_TYPES,b as PostPicker};
1
+ import{jsx as e,Fragment as t,jsxs as i}from"react/jsx-runtime";import{useState as o,useEffect as n}from"react";import{StyledProductGrid as s,StyledProduct as r}from"./PostPicker.styled.js";import{Tag as a}from"../tag/Tag.js";import{BodyPrimary as l,BodyCaption as m,BodySecondary as c}from"../TypographyStyle.js";import{unCamelCase as d}from"../../utils/unCamelCase.js";import{PRIMARY as h}from"../../constants/colors.js";import{COLORS as p}from"../../constants/Theme.js";import g from"../../assets/icons/instagram.svg.js";import y from"../../assets/icons/warning.svg.js";import{StyledModal as u}from"../modals/styledModal.js";import{ShimmerImage as T}from"../shimmer-image/ShimmerImage.js";import{StateComponent as j,StateInterface as f}from"../states/StateComponent.js";var b;!function(e){e.STORY="story",e.POST="post",e.REEL="reel"}(b||(b={}));const v=v=>{var O;const[C,S]=o(null!==(O=v.previouslySelected)&&void 0!==O?O:[]),[w,x]=o("");n((()=>{S(v.selected||[])}),[]),n((()=>{C.length>0&&x("")}),[C.length]);return e(t,{children:e(u,Object.assign({zIndex:201,open:v.showModal,headingTitle:v.title,onClose:v.onClose,centralContainerStyles:{width:1071,height:564},primaryButton:{disabled:!v.media.length,buttonType:"primary",buttonText:`Select ${d(v.mediaType)}`,onClick:()=>{C.length?v.onSelect(C):x(`Please select a ${v.mediaType} to proceed`)}},secondaryButton:{buttonType:"secondary",buttonText:"Back",onClick:()=>v.onClose()},footerLeftCustomElement:w?e(a,{tagText:w,type:"negative",LeadingIcon:y}):C.length?i(c,{children:[C.length," selected"]}):null},{children:v.media&&v.media.length?e(s,Object.assign({mediaType:v.mediaType},{children:v.media.map((t=>{return i(r,Object.assign({mediaType:v.mediaType,className:""+(o=t,n=C,n.some((e=>e.id===o.id))?"selected":""),onClick:()=>{return e=t,void S((()=>C.includes(e)?C.filter((t=>t!==e)):!v.limit||C.length<v.limit?[...C,e]:(x(`Only ${v.limit} ${v.mediaType}s can be selected`),C)));var e}},{children:[e(T,{imageUrl:t.imageUrl,width:v.mediaType==b.POST?148:104,height:v.mediaType==b.POST?148:172,alt:t.overlayCaption}),i("div",Object.assign({className:"overlay"},{children:[e("a",Object.assign({target:"_blank",rel:"noreferrer",href:t.redirectionUrl},{children:i("div",Object.assign({className:"overlay__redirection"},{children:[e(g,{height:22,width:22}),e(l,Object.assign({color:h,style:{fontWeight:500}},{children:"View"}))]}))})),e("div",Object.assign({className:"overlay__caption"},{children:e(m,Object.assign({color:p.content.placeholder},{children:t.overlayCaption}))}))]}))]}),t.id);var o,n}))})):e("div",Object.assign({style:{justifyContent:"center",alignItems:"center",display:"flex",height:422}},{children:e(j,{states:f.WARNING,heading:`No ${v.mediaType}s on your account`,subline:`There seems to be no ${v.mediaType}s on your account`,isButtonEnabled:!1,width:400})}))}))})};export{b as MEDIA_TYPES,v as PostPicker};
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  import { InputVariant } from '../input/Input';
3
2
  export interface SearchBarProps {
4
3
  width: string;
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ export type ShimmerImageProps = {
3
+ imageUrl: string;
4
+ width: number;
5
+ height: number;
6
+ alt?: string;
7
+ };
8
+ export declare const ShimmerImage: React.FC<ShimmerImageProps>;
@@ -0,0 +1 @@
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{BikShimmer as o}from"../shimmer/ShimmerComponent/BikShimmer.js";const m=m=>{let{imageUrl:n,width:h,height:l,alt:s}=m;const[a,c]=i(!0);return r((()=>{const t=new Image;return t.src=n,t.onload=()=>{c(!1)},()=>{t.onload=null}}),[n]),t("div",Object.assign({style:{position:"relative",width:h,height:l}},{children:[a&&e(o,{boxes:[{height:`${l}px`,width:`${h}`,marginTop:"0px"}]}),e("img",{src:n,alt:null!=s?s:"Image",style:{display:a?"none":"block",width:"100%",height:"100%"}})]}))};export{m as ShimmerImage};
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { ComponentMeta, ComponentStory } from '@storybook/react';
3
+ declare const _default: ComponentMeta<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
4
+ export default _default;
5
+ export declare const Image: ComponentStory<import("react").FC<import("./ShimmerImage").ShimmerImageProps>>;
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export declare const WorkingStepper: () => JSX.Element;
3
2
  export declare enum STEPENUM {
4
3
  STEP1 = "STEP1",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bikdotai/bik-component-library",
3
- "version": "1.1.1-beta.52",
3
+ "version": "1.1.1-beta.54",
4
4
  "description": "Bik Component Library",
5
5
  "repository": {
6
6
  "type": "git",