@bikdotai/bik-component-library 0.0.726-beta.11 → 0.0.726-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/cjs/components/data-source-panel/DataSourcePanel.js +1 -1
- package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.d.ts +0 -1
- package/dist/cjs/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
- package/dist/cjs/components/discount-modal/DiscountModal.d.ts +0 -1
- package/dist/cjs/components/discount-modal/DiscountModal.js +1 -1
- package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +0 -3
- package/dist/cjs/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
- package/dist/cjs/components/discount-modal/StaticCoupon/StaticCoupon.d.ts +1 -51
- package/dist/cjs/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
- package/dist/cjs/components/toaster/Toaster.d.ts +1 -0
- package/dist/cjs/components/toaster/Toaster.js +1 -1
- package/dist/cjs/components/toaster/Toaster.styled.js +1 -1
- package/dist/esm/components/bik-layout/MockMenus.d.ts +1 -0
- package/dist/esm/components/data-source-panel/DataSourcePanel.js +1 -1
- package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.d.ts +0 -1
- package/dist/esm/components/discount-modal/CouponExpiration/CouponExpiration.js +1 -1
- package/dist/esm/components/discount-modal/DiscountModal.d.ts +0 -1
- package/dist/esm/components/discount-modal/DiscountModal.js +1 -1
- package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.d.ts +0 -3
- package/dist/esm/components/discount-modal/DynamicCoupon/DynamicCoupon.js +1 -1
- package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.d.ts +1 -51
- package/dist/esm/components/discount-modal/StaticCoupon/StaticCoupon.js +1 -1
- package/dist/esm/components/toaster/Toaster.d.ts +1 -0
- package/dist/esm/components/toaster/Toaster.js +1 -1
- package/dist/esm/components/toaster/Toaster.styled.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../node_modules/react/jsx-runtime.js"),e=require("../../assets/icons/alert_triangle.svg.js"),o=require("../../assets/icons/check.svg.js"),s=require("../../assets/icons/cross.svg.js"),n=require("../../assets/icons/errorInfo.svg.js"),i=require("../../assets/icons/info.svg.js"),r=require("react"),u=require("react-dom"),l=require("react-toastify"),a=require("../button/Button.js"),d=require("./Toaster.styled.js"),c=require("../TypographyStyle.js"),x=require("../../constants/Theme.js");function p(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var j=p(r),h=p(u);const g=e=>t.jsxRuntimeExports.jsxs(c.BodySecondary,{children:["Skip in ",e.duration," sec "]}),y=e=>{const o="default"===e.type?"#fff":"success"===e.type?x.COLORS.background.positive.light:"error"===e.type?x.COLORS.background.negative.light:"warning"===e.type?x.COLORS.background.warning.light:x.COLORS.background.brandLight,n="default"===e.type?x.COLORS.stroke.primary:"success"===e.type?x.COLORS.stroke.positive.lightAlt:"error"===e.type?x.COLORS.stroke.negative.lightAlt:"warning"===e.type?x.COLORS.stroke.warning.lightAlt:x.COLORS.stroke.brandLightAlt,i="default"===e.type?x.COLORS.content.primary:"success"===e.type?x.COLORS.content.positive:"error"===e.type?x.COLORS.content.negative:"warning"===e.type?x.COLORS.content.warning:x.COLORS.content.brand,{timerValue:u}=r.useContext(R);return t.jsxRuntimeExports.jsx("div",Object.assign({tabIndex:0,role:"button",style:{backgroundColor:o,border:`1px solid ${n}`,borderRadius:8,position:"absolute",top:-12,right:-12,width:u>0?130:40,display:"flex",justifyContent:"center",alignItems:"center",cursor:"pointer",zIndex:10,paddingRight:u>0?8:0},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast&&e.closeToast()}},{children:u?t.jsxRuntimeExports.jsxs(t.jsxRuntimeExports.Fragment,{children:[t.jsxRuntimeExports.jsx(g,{duration:u}),t.jsxRuntimeExports.jsx(s.default,{height:20,width:20,color:i})]}):t.jsxRuntimeExports.jsx(s.default,{height:20,width:20,color:i})}))},f=e=>{var o,s;const n=x.COLORS.content.placeholder,{toasterText:i}=r.useContext(R);return t.jsxRuntimeExports.jsx(t.jsxRuntimeExports.Fragment,{children:t.jsxRuntimeExports.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1}},{children:[t.jsxRuntimeExports.jsx("div",Object.assign({style:{flexGrow:1,marginRight:32,display:"flex",alignItems:"center"}},{children:t.jsxRuntimeExports.jsxs("div",{children:[e.subText?t.jsxRuntimeExports.jsx(c.TitleSmall,Object.assign({color:"inherit"},{children:null!==(o=e.toastText)&&void 0!==o?o:i})):t.jsxRuntimeExports.jsx(c.BodySecondary,Object.assign({color:"inherit"},{children:null!==(s=e.toastText)&&void 0!==s?s:i})),e.subText&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{marginTop:2}},{children:t.jsxRuntimeExports.jsx(c.BodyCaption,Object.assign({color:x.COLORS.content.secondary},{children:e.subText}))}))]})})),e.showButton&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px",marginRight:{showSecondButton:4,showButton:0}[e.showSecondButton?"showSecondButton":"showButton"]}},{children:t.jsxRuntimeExports.jsx(a.Button,{buttonText:e.buttonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:e.onButtonClick})})),e.showSecondButton&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",flexDirection:"column",alignSelf:"center",padding:"6px 4px"}},{children:t.jsxRuntimeExports.jsx(a.Button,{buttonText:e.secondButtonText,buttonType:"tertiaryGray",color:x.COLORS.content.secondary,onClick:e.onSecondButtonClick})})),e.showButton||e.showSecondButton?t.jsxRuntimeExports.jsx("div",{style:{height:28,alignSelf:"center",marginLeft:8,marginRight:8,borderRight:`1px solid ${n}`,borderRadius:1}}):null]}))})},R=j.default.createContext({toasterText:"",timerValue:0});exports.Toaster=s=>{const u=r.useRef(s.toastId||"default-toast"),[a,c]=r.useState(s.text),[p,j]=r.useState(s.duration||0),g=l.cssTransition({enter:"Toastify__slide-enter",exit:"Toastify__slide-exit"}),m="default"===s.type?null:"success"===s.type?t.jsxRuntimeExports.jsx(o.default,{width:20,height:20,color:x.COLORS.content.positive}):"error"===s.type?t.jsxRuntimeExports.jsx(n.default,{width:20,height:20,color:x.COLORS.content.negative}):"warning"===s.type?t.jsxRuntimeExports.jsx(e.default,{width:20,height:20,color:x.COLORS.content.warning}):t.jsxRuntimeExports.jsx(i.default,{width:20,height:20,color:x.COLORS.content.brand});r.useEffect((()=>{u.current&&u.current===s.toastId?(c(s.text),l.toast.update(u.current,{autoClose:s.autoClose})):u.current&&u.current!==s.toastId&&b(s.text)}),[s.toastId,s.text]),r.useEffect((()=>{if(!s.duration)return;j(s.duration);const t=setInterval((()=>{j((e=>{const o=e-1;return o<=0?(clearInterval(t),0):o}))}),1e3);return()=>clearInterval(t)}),[s.duration]);const b=e=>{var o,n,i,r,a,d,c,x,j,h,R,b;void 0!==s.hideLeftIcon||s.leftIcon?l.toast(t.jsxRuntimeExports.jsx(f,{toastText:e,type:s.type||"info",buttonText:null===(o=s.buttonProps)||void 0===o?void 0:o.buttonText,secondButtonText:null===(n=s.secondButtonProps)||void 0===n?void 0:n.buttonText,showButton:null===(i=s.buttonProps)||void 0===i?void 0:i.showButton,showSecondButton:null===(r=s.secondButtonProps)||void 0===r?void 0:r.showButton,onButtonClick:null===(a=s.buttonProps)||void 0===a?void 0:a.onButtonClick,onSecondButtonClick:null===(d=s.secondButtonProps)||void 0===d?void 0:d.onButtonClick,subText:s.subText}),{onClose:s.onCloseToast?s.onCloseToast:()=>({}),icon:!0!==s.hideLeftIcon&&(s.leftIcon?s.leftIcon:"default"!==s.type&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:m}))),type:s.type,closeButton:t.jsxRuntimeExports.jsx(y,{type:s.type||"default",timer:p}),toastId:s.toastId||"default-toast",transition:g}):u.current=l.toast(t.jsxRuntimeExports.jsx(f,{toastText:e,type:s.type||"info",buttonText:null===(c=s.buttonProps)||void 0===c?void 0:c.buttonText,secondButtonText:null===(x=s.secondButtonProps)||void 0===x?void 0:x.buttonText,showButton:null===(j=s.buttonProps)||void 0===j?void 0:j.showButton,showSecondButton:null===(h=s.secondButtonProps)||void 0===h?void 0:h.showButton,onButtonClick:null===(R=s.buttonProps)||void 0===R?void 0:R.onButtonClick,onSecondButtonClick:null===(b=s.secondButtonProps)||void 0===b?void 0:b.onButtonClick,subText:s.subText}),{onClose:s.onCloseToast?s.onCloseToast:()=>({}),type:s.type,icon:"default"!==s.type&&t.jsxRuntimeExports.jsx("div",Object.assign({style:{display:"flex",alignItems:"flex-start"}},{children:m})),closeButton:t.jsxRuntimeExports.jsx(y,{type:s.type||"default",timer:p}),toastId:s.toastId||"default-toast",transition:g})};return r.useEffect((()=>{b()}),[]),h.default.createPortal(t.jsxRuntimeExports.jsx(d.ToasterStyled,Object.assign({width:s.width,height:s.height,zIndex:s.zIndex,isSubTextIncluded:!!s.subText,type:s.type},{children:t.jsxRuntimeExports.jsx(R.Provider,Object.assign({value:{toasterText:a,timerValue:p}},{children:t.jsxRuntimeExports.jsx(l.ToastContainer,{position:s.position||"top-right",closeOnClick:s.closeOnClick||!1,hideProgressBar:s.hideProgressBar||!1,draggable:!1,autoClose:s.autoClose||!1,theme:"colored"})}))})),document.body)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),t=require("../../constants/Theme.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("../../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js"),t=require("../../constants/Theme.js"),l=require("../../constants/zindex.js");const d=c.default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-text-color-success:",t.COLORS.content.primary,";--toastify-text-color-error:",t.COLORS.content.primary,";--toastify-text-color-warning:",t.COLORS.content.primary,";--toastify-text-color-info:",t.COLORS.content.primary,";--toastify-color-info:",t.COLORS.background.brandLight,";--toastify-color-success:",t.COLORS.background.positive.light,";--toastify-color-error:",t.COLORS.background.negative.light,";--toastify-color-warning:",t.COLORS.background.warning.light,";--toastify-text-color-light:",t.COLORS.content.primary,";--toastify-toast-width:fit-content;--toastify-toast-min-height:",(c=>c.height||(c.isSubTextIncluded?"70px":"56px")),";--toastify-toast-max-height:",(c=>c.height||"fit-content"),";font-family:inherit;z-index:",(c=>c.zIndex||l.ComponentZindex.TOASTER),";.custom-position{position:relative;}.Toastify__toast-container{padding:0;overflow:visible;}.Toastify__toast{position:relative;overflow:visible;}.Toastify__toast--success{border:1px solid ",t.COLORS.stroke.positive.lightAlt,";}.Toastify__toast--info{border:1px solid ",t.COLORS.stroke.brandLightAlt,";}.Toastify__toast--default{border:1px solid ",t.COLORS.stroke.primary,";}.Toastify__toast--error{border:1px solid ",t.COLORS.stroke.negative.lightAlt,";}.Toastify__toast--warning{border:1px solid ",t.COLORS.stroke.warning.lightAlt,";}.Toastify__toast{padding:",(c=>c.isSubTextIncluded?"16px":"12px"),";max-width:",(c=>c.width),";border-radius:8px;}.Toastify__progress-bar{height:4px;}.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-icon{align-self:center;margin-inline-end:12px;height:",(c=>c.isSubTextIncluded?"38px":"20px"),";}.Toastify__toast-body{padding:0;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info{background:",t.COLORS.content.brand,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning{background:",t.COLORS.content.warning,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success{background:",t.COLORS.content.positive,";}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error{background:",t.COLORS.content.negative,";}.Toastify__toast-body>div:last-child{display:flex;}.Toastify__slide-enter{animation:slideIn 1s ease forwards,bounce cubic-bezier(0.68, -0.55, 0.27, 1.55) 0.5s both;}.Toastify__slide-exit{animation:slideOut 0.5s ease-in-out forwards;}@keyframes bounce{0%,20%,50%,80%,100%{transform:translateY(0);}40%{transform:translateX(-20px);}60%{transform:translateX(20px);}}@keyframes slideIn{0%{transform:translateX(-100%);opacity:0;}100%{transform:translateX(0);opacity:1;}}@keyframes slideOut{0%{transform:translateX(0);opacity:1;}100%{transform:translateX(100%);opacity:0;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFHd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmltcG9ydCB7IENvbXBvbmVudFppbmRleCB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvemluZGV4XCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cdC0tdG9hc3RpZnktY29sb3ItbGlnaHQ6ICNmZmY7XG5cdC0tdG9hc3RpZnktY29sb3ItZGFyazogIzEyMTIxMjtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXN1Y2Nlc3M6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1lcnJvcjogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10ZXh0LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1pbmZvOiAke0NPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuYnJhbmRMaWdodH07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmJhY2tncm91bmQubmVnYXRpdmUubGlnaHR9O1xuXHQtLXRvYXN0aWZ5LWNvbG9yLXdhcm5pbmc6ICR7Q09MT1JTLmJhY2tncm91bmQud2FybmluZy5saWdodH07XG5cdC0tdG9hc3RpZnktdGV4dC1jb2xvci1saWdodDogJHtDT0xPUlMuY29udGVudC5wcmltYXJ5fTtcblx0LS10b2FzdGlmeS10b2FzdC13aWR0aDogZml0LWNvbnRlbnQ7XG5cdC0tdG9hc3RpZnktdG9hc3QtbWluLWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAocHJvcHMuaXNTdWJUZXh0SW5jbHVkZWQgPyAnNzBweCcgOiAnNTZweCcpfTtcblx0LS10b2FzdGlmeS10b2FzdC1tYXgtaGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICdmaXQtY29udGVudCd9O1xuXHRmb250LWZhbWlseTogaW5oZXJpdDtcblx0ei1pbmRleDogJHsocHJvcHMpID0+IHByb3BzLnpJbmRleCB8fCBDb21wb25lbnRaaW5kZXguVE9BU1RFUn07XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3QtY29udGFpbmVyIHtcblx0XHRwYWRkaW5nOiAwO1xuXHRcdG92ZXJmbG93OiB2aXNpYmxlO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHRcdG92ZXJmbG93OiB2aXNpYmxlO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0tc3VjY2VzcyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLnBvc2l0aXZlLmxpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWluZm8ge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5icmFuZExpZ2h0QWx0fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWRlZmF1bHQge1xuXHRcdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtLWVycm9yIHtcblx0XHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UubmVnYXRpdmUubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC0td2FybmluZyB7XG5cdFx0Ym9yZGVyOiAxcHggc29saWQgJHtDT0xPUlMuc3Ryb2tlLndhcm5pbmcubGlnaHRBbHR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdCB7XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IChwcm9wcy5pc1N1YlRleHRJbmNsdWRlZCA/ICcxNnB4JyA6ICcxMnB4Jyl9O1xuXHRcdG1heC13aWR0aDogJHsocHJvcHMpID0+IHByb3BzLndpZHRofTtcblx0XHRib3JkZXItcmFkaXVzOiA4cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhciB7XG5cdFx0aGVpZ2h0OiA0cHg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX2Nsb3NlLWJ1dHRvbiB7XG5cdFx0ZGlzcGxheTogYmxvY2s7XG5cdFx0bWFyZ2luOiBhdXRvO1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1pY29uIHtcblx0XHRhbGlnbi1zZWxmOiBjZW50ZXI7XG5cdFx0bWFyZ2luLWlubGluZS1lbmQ6IDEycHg7XG5cdFx0aGVpZ2h0OiAkeyhwcm9wcykgPT4gKHByb3BzLmlzU3ViVGV4dEluY2x1ZGVkID8gJzM4cHgnIDogJzIwcHgnKX07XG5cdH1cblxuXHQuVG9hc3RpZnlfX3RvYXN0LWJvZHkge1xuXHRcdHBhZGRpbmc6IDA7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci10aGVtZS0tY29sb3JlZC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLS1kZWZhdWx0IHtcblx0XHRiYWNrZ3JvdW5kOiAke0NPTE9SUy5jb250ZW50LmJyYW5kfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWluZm8ge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0td2FybmluZyB7XG5cdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuY29udGVudC53YXJuaW5nfTtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLXN1Y2Nlc3Mge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItdGhlbWUtLWNvbG9yZWQuVG9hc3RpZnlfX3Byb2dyZXNzLWJhci0tZXJyb3Ige1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cblxuXHQuVG9hc3RpZnlfX3NsaWRlLWVudGVyIHtcblx0XHRhbmltYXRpb246IHNsaWRlSW4gMXMgZWFzZSBmb3J3YXJkcyxcblx0XHRcdGJvdW5jZSBjdWJpYy1iZXppZXIoMC42OCwgLTAuNTUsIDAuMjcsIDEuNTUpIDAuNXMgYm90aDtcblx0fVxuXHQuVG9hc3RpZnlfX3NsaWRlLWV4aXQge1xuXHRcdGFuaW1hdGlvbjogc2xpZGVPdXQgMC41cyBlYXNlLWluLW91dCBmb3J3YXJkcztcblx0fVxuXG5cdEBrZXlmcmFtZXMgYm91bmNlIHtcblx0XHQwJSxcblx0XHQyMCUsXG5cdFx0NTAlLFxuXHRcdDgwJSxcblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwKTsgLyogU3RhcnQgYW5kIGVuZCBhdCB0aGUgb3JpZ2luYWwgcG9zaXRpb24gKi9cblx0XHR9XG5cdFx0NDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMjBweCk7IC8qIEJvdW5jaW5nIHVwICovXG5cdFx0fVxuXHRcdDYwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMjBweCk7IC8qIFNtYWxsIGJvdW5jZSBiZWZvcmUgc2V0dGxpbmcgKi9cblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZUluIHtcblx0XHQwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTEwMCUpOyAvKiBTdGFydCBvZmYtc2NyZWVuIHRvIHRoZSBsZWZ0ICovXG5cdFx0XHRvcGFjaXR5OiAwO1xuXHRcdH1cblx0XHQxMDAlIHtcblx0XHRcdHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTsgLyogRW5kIGF0IHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdH1cblx0QGtleWZyYW1lcyBzbGlkZU91dCB7XG5cdFx0MCUge1xuXHRcdFx0dHJhbnNmb3JtOiB0cmFuc2xhdGVYKDApOyAvKiBTdGFydCBmcm9tIHRoZSBvcmlnaW5hbCBwb3NpdGlvbiAqL1xuXHRcdFx0b3BhY2l0eTogMTtcblx0XHR9XG5cdFx0MTAwJSB7XG5cdFx0XHR0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7IC8qIFNsaWRlIG91dCB0byB0aGUgcmlnaHQgKi9cblx0XHRcdG9wYWNpdHk6IDA7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1Ub2FzdGVyLnN0eWxlZC5qcy5tYXAiXX0= */"));exports.ToasterStyled=d;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as t}from"@bikdotai/bik-models/growth/models/bik-store";import s from"../../assets/icons/box_search.svg.js";import i from"../../assets/icons/boxV2.svg.js";import o from"../../assets/icons/chevronDownOutline.svg.js";import n from"../../assets/icons/chevronUpOutline.svg.js";import r from"../../assets/icons/cross.svg.js";import l from"../../assets/icons/edit.svg.js";import d from"../../assets/icons/filePdf.svg.js";import a from"../../assets/icons/help.svg.js";import c from"../../assets/icons/info.svg.js";import p from"../../assets/icons/openai.svg.js";import u from"../../assets/icons/plus.svg.js";import g from"../../assets/icons/redirect.svg.js";import x from"../../assets/icons/text_t9.svg.js";import h from"../../assets/icons/website.svg.js";import{useState as j,useMemo as m,useEffect as f,useCallback as y}from"react";import{COLORS as v}from"../../constants/Theme.js";import{Button as b}from"../button/Button.js";import{IconButton as C}from"../icon-button/IconButton.js";import{BikShimmer as I}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SideModal as O}from"../side-modal/SideModal.js";import{Tag as T}from"../tag/Tag.js";import{Tooltip as E}from"../tooltips/Tooltip.js";import{TitleSmall as w,BodyCaption as S,BodySecondary as L}from"../TypographyStyle.js";import N from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as k}from"./DataSourcePanel.style.js";import{intentConfig as F}from"./IntentConfig.js";import{DescriptionModal as A}from"./Modals/DescriptionModal.js";import{CustomDataType as _}from"./model.js";const D=D=>{var R,P;const{appType:B,storeId:U,messageSource:K,setMessageSourcePanel:M,hideCloseButton:W,isSourceInfoFetched:$,allSourceInfoDetail:H,ChecklistType:q,title:Q,zeroStateButton:G,editableSources:Y,preFillTrainingSourceCount:z,redirect:X,footerButtonOption:V,fetchTrainingSourceCount:J,fetchProductFAQCount:Z,productSourceData:ee,reasonForAiGeneratedResponse:te,showAiResponseReason:se,aiResponseLoading:ie,productSearchRule:oe,onEditProductSearchRule:ne}=D,{sources:re}=K,le=["blog","article","page","policy"],[de,ae]=j(!1),[ce,pe]=j(!1),[ue,ge]=j(!1),[xe,he]=j(0),[je,me]=j(),[fe,ye]=j(null!=z?z:{}),[ve,be]=j(!1),[Ce,Ie]=j(!1),Oe={};F.forEach((t=>{let{key:s,type:i,tagText:o}=t;q[s]&&(Oe[q[s]]=e.jsx(T,{theme:"light",type:i,tagText:o,cursor:"pointer"}))}));const Te=re.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),Ee=re.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),we=m((()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach((t=>{q[t]&&(e[q[t]]=q[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[q]);f((()=>{var e,t,s,i;if(!(null==K?void 0:K.messageId))return;ae(!0),pe(!0),ge(!1!==(null===(t=null===(e=K.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(s=K.sources)||void 0===s?void 0:s[0])||void 0===i?void 0:i.insights));const o=K.sources.filter((e=>!!e.productId)).map((e=>e.productId)),n=Array.from(new Set(o)).filter((e=>!!e));Z(U,n).then((e=>he(e))).then((()=>{z?(ye(z),setTimeout((()=>{ae(!1),pe(!1)}),100)):(setTimeout((()=>ae(!1)),100),J(U).then((e=>ye(e))).then((()=>setTimeout((()=>{pe(!1)}),100))))}))}),[Z,J,null==K?void 0:K.messageId,K.sources,z,U]);const Se=e=>!!(e&&0===e.length||(null==K?void 0:K.isUnsatisfactoryAnswer)),Le=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var s;return"custom"==e?e=_.FILES:le.includes(e)?e=_.FETCHED_LINKS:"url"==e?e=_.WEBSITE_LINKS:"text"===e?e=_.TEXTS:"faq"===e&&(e=_.FAQ),t?e:null===(s=null==e?void 0:e.toLowerCase())||void 0===s?void 0:s.replace(/_/g," ")},Ne=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",ke=y((t=>"products"==t||"product"==t?e.jsx(i,{height:16,width:16,color:v.content.secondary}):"files"==t?e.jsx(d,{height:16,width:16,color:v.content.secondary}):"website links"==t||"fetched links"==t?e.jsx(h,{height:16,width:16,color:v.content.secondary}):"faq"==t?e.jsx(a,{height:16,width:16,color:v.content.secondary}):"texts"==t?e.jsx(x,{height:16,width:16,color:v.content.secondary}):e.jsx(p,{height:16,width:16,color:v.content.secondary})),[]),Fe=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),s=document.createElement("textarea");return s.innerHTML=t,s.value};if(de||!$)return e.jsx(k,{children:e.jsx(I,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})});const Ae=s=>{const{title:i,count:r,isExpanded:l,onToggle:d,children:a}=s;return e.jsxs("div",{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:d},{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[e.jsx(L,{children:i}),B===t.MANIFEST?e.jsx("div",Object.assign({style:{backgroundColor:v.surface.subdued,color:v.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${v.stroke.primary}`}},{children:r})):e.jsx(e.Fragment,{})]})),e.jsx(e.Fragment,{children:B===t.BIK?e.jsx(e.Fragment,{}):l?e.jsx(n,{width:20,height:20,color:v.content.primary}):e.jsx(o,{width:20,height:20,color:v.content.primary})})]})),l&&a]})};return e.jsxs(e.Fragment,{children:[e.jsx(k,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"}},{children:[!!Q&&e.jsx(w,{children:Q}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e.jsx(S,Object.assign({color:v.content.secondary},{children:"Intent"})),null!==(R=Oe[K.intent])&&void 0!==R?R:Oe.GENERIC,!W&&e.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>M(void 0)},{children:e.jsx(r,{height:20,width:20,color:v.content.secondary})}))]})),oe&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[e.jsx(L,Object.assign({color:v.content.primary},{children:oe.rule_name})),ne&&oe.rule_id&&e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[e.jsx(s,{width:14,color:v.content.secondary}),e.jsx(S,Object.assign({color:v.content.secondary},{children:"Edit search rule"})),e.jsx(C,{Icon:l,height:16,width:16,bordered:!0,iconColor:v.content.primary,onClick:()=>ne(null==oe?void 0:oe.rule_id)})]}))]})),oe.keywords&&oe.keywords.length>0&&e.jsx("div",Object.assign({style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:v.surface.subdued,borderRadius:"8px",border:`1px dashed ${v.stroke.primary}`}},{children:oe.keywords.map(((t,s)=>e.jsx(T,{tagText:t,theme:"light"},`keyword-${s}`)))}))]})),Se(re)?e.jsx("div",Object.assign({style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"}},{children:(()=>{var t,s;return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${v.background.negative.light}`,borderRadius:"100px"}},{children:e.jsx(c,{width:24,height:24,color:v.stroke.negative.vibrant})})),e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:e.jsx(w,{children:"Insufficient data"})})),e.jsx(L,Object.assign({color:v.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"}},{children:"No data available to answer this query. Add an FAQ to address it in the future"})),G&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(b,{LeadingIcon:null!==(t=G.leadingIcon)&&void 0!==t?t:u,buttonText:null!==(s=G.title)&&void 0!==s?s:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{G.onClick()}})}))]}))})()})):!oe&&e.jsx(T,{LeadingIcon:c,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:K.isEditable?`If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in ${B===t.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]})),ue&&!Se(re)&&e.jsx("div",Object.assign({className:"footer"},{children:e.jsx(N,{appType:B,storeId:U,messageSource:K,sourceIntent:null!==(P=K.intent)&&void 0!==P?P:q.GENERIC,faqCount:xe,trainingSourceCount:fe,ShowTrainingDataSource:we,ChecklistType:q,footerButtonOption:V,isFooterLoading:ce,reasonForAiGeneratedResponse:te,showAiResponseReason:se,aiResponseLoading:ie})})),!Se(re)&&e.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsx(e.Fragment,{children:Te.length>0&&e.jsx("div",Object.assign({className:"info-product-source"},{children:e.jsx(Ae,Object.assign({title:"Product Sources",count:Te.length,isExpanded:B!==t.MANIFEST||ve,onToggle:()=>be(!ve)},{children:e.jsx("div",Object.assign({className:"source",style:{padding:"0 12px",maxWidth:"100%"}},{children:Te.map(((t,s)=>{var i,o,n,r;const d=Le(t.type||t.subTitle||"OpenAI"),a=Le(t.type||t.subTitle||"OpenAI",!0),c=Ne(d),p=null==Y?void 0:Y.includes(a),u=H[null!==(i=t.productId)&&void 0!==i?i:"Products"],x=t.title,h=t.productId&&(null==ee?void 0:ee[t.productId]),j=h&&h.metafield.join(", ");return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<(null==Te?void 0:Te.length)?`1px solid ${v.stroke.primary}`:"none"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"}},{children:[ke(d),e.jsx(E,Object.assign({body:x,placement:"top"},{children:e.jsx(L,Object.assign({style:a==_.FETCHED_LINKS||a==_.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:v.content.primary,className:"clamp-title",onClick:()=>a==_.FETCHED_LINKS||a==_.WEBSITE_LINKS?X(t):{}},{children:x}))}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==q.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(S,Object.assign({color:v.content.secondary},{children:c}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:p?e.jsx(C,{Icon:l,height:16,width:16,iconColor:v.content.secondary,onClick:()=>null==u?void 0:u.onEditClick(u.data,u.type),disabled:!u,disabledTooltip:"This source is deleted"}):e.jsx(C,{Icon:g,height:16,width:16,iconColor:v.content.secondary,disabled:"custom"===t.type&&!u,disabledTooltip:"This source is deleted",onClick:()=>X(t)})}))]}))]})),h&&e.jsxs(S,{children:[e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>{var e;me({title:x,description:Fe(h.description),imageUrl:null!==(e=t.imageUrl)&&void 0!==e?e:"",onClose:()=>me(void 0)})}},{children:`${null===(o=h.description)||void 0===o?void 0:o.length} characters description,`})),e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>h.onEditFaqClick(h.faqs)},{children:`${null===(n=h.faqs)||void 0===n?void 0:n.length} FAQs, `})),e.jsx("span",Object.assign({className:"product-data-text2"},{children:"and"})),e.jsx(E,Object.assign({body:j,placement:"top"},{children:e.jsx("span",Object.assign({className:"product-data-text1"},{children:`${null===(r=h.metafield)||void 0===r?void 0:r.length} metafields`}))}))]})]}),`info-${s}`)}))}))}))}))}),e.jsx(e.Fragment,{children:Ee.length>0&&e.jsx("div",Object.assign({className:"info-content-source"},{children:e.jsx(Ae,Object.assign({title:"Content Sources",count:Ee.length,isExpanded:B!==t.MANIFEST||Ce,onToggle:()=>Ie(!Ce)},{children:e.jsx("div",Object.assign({className:"source",style:{padding:"0 12px",maxWidth:"100%"}},{children:Ee.map(((t,s)=>{var i,o,n,r,d,a,c,p,u,x,h,j,m,f,y,b,I;const O=Le(t.type||t.subTitle||"OpenAI"),T=Le(t.type||t.subTitle||"OpenAI",!0),w=Ne(O),N=null==Y?void 0:Y.includes(T),k="Products"===t.subTitle?H[null!==(i=t.productId)&&void 0!==i?i:"Products"]:H[null!==(o=t.docId)&&void 0!==o?o:""],F=T.toLowerCase()===(null===(n=_.FAQ)||void 0===n?void 0:n.toLowerCase())?"faq"===(null===(r=t.title)||void 0===r?void 0:r.toLowerCase())?t.subTitle:t.title:T.toLowerCase()===(null===(d=_.FILES)||void 0===d?void 0:d.toLowerCase())||T.toLowerCase()===(null===(a=_.FETCHED_LINKS)||void 0===a?void 0:a.toLowerCase())||T.toLowerCase()===(null===(c=_.TEXTS)||void 0===c?void 0:c.toLowerCase())?t.title:T.toLowerCase()===(null===(p=_.WEBSITE_LINKS)||void 0===p?void 0:p.toLowerCase())?t.title.split("/")[t.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,s)=>t.toUpperCase()+s)):t.intent===q.EMAIL_COLLECTION?w:t.title,A="faq"===T.toLowerCase()?null!==(h=null!==(u=null==k?void 0:k.content)&&void 0!==u?u:null===(x=null==k?void 0:k.data)||void 0===x?void 0:x.answer)&&void 0!==h?h:"":T.toLowerCase()===(null===(j=_.FETCHED_LINKS)||void 0===j?void 0:j.toLowerCase())||T.toLowerCase()===(null===(m=_.WEBSITE_LINKS)||void 0===m?void 0:m.toLowerCase())||T.toLowerCase()===(null===(f=_.TEXTS)||void 0===f?void 0:f.toLowerCase())?null!==(I=null!==(y=null==k?void 0:k.content)&&void 0!==y?y:null===(b=null==k?void 0:k.data)||void 0===b?void 0:b.fileContentText)&&void 0!==I?I:"":t.intent===q.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<(null==Ee?void 0:Ee.length)?`1px solid ${v.stroke.primary}`:"none"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"}},{children:[ke(O),e.jsx(E,Object.assign({body:F,placement:"top"},{children:e.jsx(L,Object.assign({style:T==_.FETCHED_LINKS||T==_.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:v.content.primary,className:"clamp-title",onClick:()=>T==_.FETCHED_LINKS||T==_.WEBSITE_LINKS?X(t):{}},{children:F}))}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==q.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(S,Object.assign({color:v.content.secondary},{children:w}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:N?e.jsx(C,{Icon:l,height:16,width:16,iconColor:v.content.secondary,onClick:()=>null==k?void 0:k.onEditClick(k.data,k.type),disabled:!k,disabledTooltip:"This source is deleted"}):e.jsx(C,{Icon:g,height:16,width:16,iconColor:v.content.secondary,disabled:"custom"===t.type&&!k,disabledTooltip:"This source is deleted",onClick:()=>X(t)})}))]}))]})),(null!=A?A:"").trim()&&e.jsx("div",Object.assign({style:{padding:"4px 8px",border:`1px dashed ${v.stroke.primary}`,borderRadius:"4px",backgroundColor:v.surface.subdued}},{children:e.jsx(S,Object.assign({color:v.content.primary,className:"clamp-description"},{children:Fe(null!=A?A:"").trim()}))}))]}),`info-${s}`)}))}))}))}))})]})),null==D?void 0:D.children]})}),je&&e.jsx(O,Object.assign({header:"Product description",onClose:()=>me(void 0),width:"30%"},{children:e.jsx(A,{title:je.title,description:je.description,imageUrl:je.imageUrl,onClose:je.onClose})}))]})};export{D as DataSourcePanel};
|
|
1
|
+
import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as t}from"@bikdotai/bik-models/growth/models/bik-store";import s from"../../assets/icons/box_search.svg.js";import i from"../../assets/icons/boxV2.svg.js";import o from"../../assets/icons/chevronDownOutline.svg.js";import n from"../../assets/icons/chevronUpOutline.svg.js";import r from"../../assets/icons/cross.svg.js";import l from"../../assets/icons/edit.svg.js";import d from"../../assets/icons/filePdf.svg.js";import a from"../../assets/icons/help.svg.js";import c from"../../assets/icons/info.svg.js";import p from"../../assets/icons/openai.svg.js";import u from"../../assets/icons/plus.svg.js";import g from"../../assets/icons/redirect.svg.js";import x from"../../assets/icons/text_t9.svg.js";import h from"../../assets/icons/website.svg.js";import{useState as j,useMemo as m,useEffect as f}from"react";import{COLORS as y}from"../../constants/Theme.js";import{Button as v}from"../button/Button.js";import{IconButton as b}from"../icon-button/IconButton.js";import{BikShimmer as C}from"../shimmer/ShimmerComponent/BikShimmer.js";import{SideModal as I}from"../side-modal/SideModal.js";import{Tag as O}from"../tag/Tag.js";import{Tooltip as T}from"../tooltips/Tooltip.js";import{TitleSmall as E,BodyCaption as w,BodySecondary as S}from"../TypographyStyle.js";import L from"./DataSourceInfoFooter.js";import{SourceInfoDetailsStyle as N}from"./DataSourcePanel.style.js";import{intentConfig as k}from"./IntentConfig.js";import{DescriptionModal as F}from"./Modals/DescriptionModal.js";import{CustomDataType as A}from"./model.js";const _=_=>{var D,R;const{appType:P,storeId:B,messageSource:U,setMessageSourcePanel:K,hideCloseButton:M,isSourceInfoFetched:W,allSourceInfoDetail:$,ChecklistType:H,title:q,zeroStateButton:Q,editableSources:G,preFillTrainingSourceCount:Y,redirect:z,footerButtonOption:X,fetchTrainingSourceCount:V,fetchProductFAQCount:J,productSourceData:Z,reasonForAiGeneratedResponse:ee,showAiResponseReason:te,aiResponseLoading:se,productSearchRule:ie,onEditProductSearchRule:oe}=_,{sources:ne}=U,re=["blog","article","page","policy"],[le,de]=j(!1),[ae,ce]=j(!1),[pe,ue]=j(!1),[ge,xe]=j(0),[he,je]=j(),[me,fe]=j(null!=Y?Y:{}),[ye,ve]=j(!1),[be,Ce]=j(!1),Ie={};k.forEach((t=>{let{key:s,type:i,tagText:o}=t;H[s]&&(Ie[H[s]]=e.jsx(O,{theme:"light",type:i,tagText:o,cursor:"pointer"}))}));const Oe=ne.filter((e=>"PRODUCTS"==e.type||"Products"==e.subTitle||e.productId)),Te=ne.filter((e=>"PRODUCTS"!=e.type&&"Products"!=e.subTitle&&!e.productId)),Ee=m((()=>{const e={};return["STORE_INFORMATION","CONTACT_INFO","STORE_LOCATION","SHIPPING_POLICY","RETURN_AND_REFUND","SALES_AND_OFFERS","SALES_AND_OFFERS_ISSUES","PRODUCT_CUSTOMISATION","PAYMENT_METHODS","CHECKOUT_ENQUIRY","ORDER_ENQUIRY"].forEach((t=>{H[t]&&(e[H[t]]=H[t])})),["COLLABORATION","SUBSCRIPTION_ENQUIRY"].forEach((t=>{e[t]=t})),e}),[H]);f((()=>{var e,t,s,i;if(!(null==U?void 0:U.messageId))return;de(!0),ce(!0),ue(!1!==(null===(t=null===(e=U.sources)||void 0===e?void 0:e[0])||void 0===t?void 0:t.isTrainable)||!!(null===(i=null===(s=U.sources)||void 0===s?void 0:s[0])||void 0===i?void 0:i.insights));const o=U.sources.filter((e=>!!e.productId)).map((e=>e.productId)),n=Array.from(new Set(o)).filter((e=>!!e));J(B,n).then((e=>xe(e))).then((()=>{Y?(fe(Y),setTimeout((()=>{de(!1),ce(!1)}),100)):(setTimeout((()=>de(!1)),100),V(B).then((e=>fe(e))).then((()=>setTimeout((()=>{ce(!1)}),100))))}))}),[J,V,null==U?void 0:U.messageId,U.sources,Y,B]);const we=e=>!!(e&&0===e.length||(null==U?void 0:U.isUnsatisfactoryAnswer)),Se=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];var s;return"custom"==e?e=A.FILES:re.includes(e)?e=A.FETCHED_LINKS:"url"==e?e=A.WEBSITE_LINKS:"text"===e?e=A.TEXTS:"faq"===e&&(e=A.FAQ),t?e:null===(s=null==e?void 0:e.toLowerCase())||void 0===s?void 0:s.replace(/_/g," ")},Le=e=>e?"faq"==e.toLocaleLowerCase()?"FAQ":"openai"==e.toLocaleLowerCase()?"OPENAI":"files"==e.toLocaleLowerCase()?"PDF":"texts"==e.toLocaleLowerCase()?"Custom text":((e=(e=e.charAt(0).toUpperCase()+e.slice(1).toLowerCase()).replace("_"," ")).endsWith("s")&&(e=e.slice(0,-1)),e.replace("Website","Manual")):"",Ne=t=>"products"==t||"product"==t?e.jsx(i,{height:16,width:16,color:y.content.secondary}):"files"==t?e.jsx(d,{height:16,width:16,color:y.content.secondary}):"website links"==t||"fetched links"==t?e.jsx(h,{height:16,width:16,color:y.content.secondary}):"faq"==t?e.jsx(a,{height:16,width:16,color:y.content.secondary}):"texts"==t?e.jsx(x,{height:16,width:16,color:y.content.secondary}):e.jsx(p,{height:16,width:16,color:y.content.secondary}),ke=e=>{const t=e.replace(/(<([^>]+)>)/gi,""),s=document.createElement("textarea");return s.innerHTML=t,s.value};if(le||!W)return e.jsx(N,{children:e.jsx(C,{boxes:[{width:"100px",height:"16px"},{width:"0",height:"4px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"100%",height:"32px"},{width:"0",height:"4px"},{width:"100%",height:"16px"}]})});const Fe=s=>{const{title:i,count:r,isExpanded:l,onToggle:d,children:a}=s;return e.jsxs("div",{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"8px 12px",cursor:"pointer"},onClick:d},{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"8px"}},{children:[e.jsx(S,{children:i}),P===t.MANIFEST?e.jsx("div",Object.assign({style:{backgroundColor:y.surface.subdued,color:y.content.secondary,padding:"2px 8px",borderRadius:"12px",fontSize:"12px",fontWeight:"500",border:`1px solid ${y.stroke.primary}`}},{children:r})):e.jsx(e.Fragment,{})]})),e.jsx(e.Fragment,{children:P===t.BIK?e.jsx(e.Fragment,{}):l?e.jsx(n,{width:20,height:20,color:y.content.primary}):e.jsx(o,{width:20,height:20,color:y.content.primary})})]})),l&&a]})};return e.jsxs(e.Fragment,{children:[e.jsx(N,{children:e.jsxs(e.Fragment,{children:[e.jsxs("div",Object.assign({className:"pop-up-header",style:{display:"flex",flexDirection:"column",padding:0,paddingBottom:"12px"}},{children:[!!q&&e.jsx(E,{children:q}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",alignItems:"center"}},{children:[e.jsx(w,Object.assign({color:y.content.secondary},{children:"Intent"})),null!==(D=Ie[U.intent])&&void 0!==D?D:Ie.GENERIC,!M&&e.jsx("div",Object.assign({style:{display:"flex",marginLeft:"auto",cursor:"pointer"},onClick:()=>K(void 0)},{children:e.jsx(r,{height:20,width:20,color:y.content.secondary})}))]})),ie&&e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"12px",marginTop:"6px"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"space-between"}},{children:[e.jsx(S,Object.assign({color:y.content.primary},{children:ie.rule_name})),oe&&ie.rule_id&&e.jsxs("div",Object.assign({style:{display:"flex",alignItems:"center",gap:"6px"}},{children:[e.jsx(s,{width:14,color:y.content.secondary}),e.jsx(w,Object.assign({color:y.content.secondary},{children:"Edit search rule"})),e.jsx(b,{Icon:l,height:16,width:16,bordered:!0,iconColor:y.content.primary,onClick:()=>oe(null==ie?void 0:ie.rule_id)})]}))]})),ie.keywords&&ie.keywords.length>0&&e.jsx("div",Object.assign({style:{display:"flex",flexWrap:"wrap",gap:"6px",padding:"8px",backgroundColor:y.surface.subdued,borderRadius:"8px",border:`1px dashed ${y.stroke.primary}`}},{children:ie.keywords.map(((t,s)=>e.jsx(O,{tagText:t,theme:"light"},`keyword-${s}`)))}))]})),we(ne)?e.jsx("div",Object.assign({style:{display:"flex",margin:"auto",justifyContent:"center",alignItems:"center",height:"calc(100vh - 300px)"}},{children:(()=>{var t,s;return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",margin:"0px 30px",gap:"8px"}},{children:[e.jsx("div",Object.assign({style:{display:"flex",alignItems:"center",justifyContent:"center",padding:"12px",backgroundColor:`${y.background.negative.light}`,borderRadius:"100px"}},{children:e.jsx(c,{width:24,height:24,color:y.stroke.negative.vibrant})})),e.jsx("div",Object.assign({style:{justifyContent:"center",alignItems:"center",marginBottom:"-4px"}},{children:e.jsx(E,{children:"Insufficient data"})})),e.jsx(S,Object.assign({color:y.content.secondary,style:{display:"flex",justifyContent:"center",textAlign:"center"}},{children:"No data available to answer this query. Add an FAQ to address it in the future"})),Q&&e.jsx("div",Object.assign({style:{display:"flex",width:"100%"}},{children:e.jsx(v,{LeadingIcon:null!==(t=Q.leadingIcon)&&void 0!==t?t:u,buttonText:null!==(s=Q.title)&&void 0!==s?s:"Add FAQ",buttonType:"secondary",size:"small",matchParentWidth:!0,onClick:()=>{Q.onClick()}})}))]}))})()})):!ie&&e.jsx(O,{LeadingIcon:c,version:"2.0",type:"grey",theme:"light",alignIcon:"start",contentPadding:12,tagText:U.isEditable?`If any of the information is incorrect, update the original data source and sync it again. Alternatively, you can make local corrections directly in ${P===t.BIK?"BIK":"Manifest"}.`:"Edit the original source and save again to update the response"})]})),pe&&!we(ne)&&e.jsx("div",Object.assign({className:"footer"},{children:e.jsx(L,{appType:P,storeId:B,messageSource:U,sourceIntent:null!==(R=U.intent)&&void 0!==R?R:H.GENERIC,faqCount:ge,trainingSourceCount:me,ShowTrainingDataSource:Ee,ChecklistType:H,footerButtonOption:X,isFooterLoading:ae,reasonForAiGeneratedResponse:ee,showAiResponseReason:te,aiResponseLoading:se})})),!we(ne)&&e.jsxs("div",Object.assign({className:"info-container"},{children:[e.jsx(e.Fragment,{children:Oe.length>0&&e.jsx("div",Object.assign({className:"info-product-source"},{children:e.jsx(Fe,Object.assign({title:"Product Sources",count:Oe.length,isExpanded:P!==t.MANIFEST||ye,onToggle:()=>ve(!ye)},{children:e.jsx("div",Object.assign({className:"source",style:{padding:"0 12px",maxWidth:"100%"}},{children:Oe.map(((t,s)=>{var i,o,n,r;const d=Se(t.type||t.subTitle||"OpenAI"),a=Se(t.type||t.subTitle||"OpenAI",!0),c=Le(d),p=null==G?void 0:G.includes(a),u=$[null!==(i=t.productId)&&void 0!==i?i:"Products"],x=t.title,h=t.productId&&(null==Z?void 0:Z[t.productId]),j=h&&h.metafield.join(", ");return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<(null==Oe?void 0:Oe.length)?`1px solid ${y.stroke.primary}`:"none"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"}},{children:[Ne(d),e.jsx(T,Object.assign({body:x,placement:"top"},{children:e.jsx(S,Object.assign({style:a==A.FETCHED_LINKS||a==A.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:y.content.primary,className:"clamp-title",onClick:()=>a==A.FETCHED_LINKS||a==A.WEBSITE_LINKS?z(t):{}},{children:x}))}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==H.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(w,Object.assign({color:y.content.secondary},{children:c}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:p?e.jsx(b,{Icon:l,height:16,width:16,iconColor:y.content.secondary,onClick:()=>null==u?void 0:u.onEditClick(u.data,u.type),disabled:!u,disabledTooltip:"This source is deleted"}):e.jsx(b,{Icon:g,height:16,width:16,iconColor:y.content.secondary,disabled:"custom"===t.type&&!u,disabledTooltip:"This source is deleted",onClick:()=>z(t)})}))]}))]})),h&&e.jsxs(w,{children:[e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>{var e;je({title:x,description:ke(h.description),imageUrl:null!==(e=t.imageUrl)&&void 0!==e?e:"",onClose:()=>je(void 0)})}},{children:`${null===(o=h.description)||void 0===o?void 0:o.length} characters description,`})),e.jsx("span",Object.assign({className:"product-data-text1",onClick:()=>h.onEditFaqClick(h.faqs)},{children:`${null===(n=h.faqs)||void 0===n?void 0:n.length} FAQs, `})),e.jsx("span",Object.assign({className:"product-data-text2"},{children:"and"})),e.jsx(T,Object.assign({body:j,placement:"top"},{children:e.jsx("span",Object.assign({className:"product-data-text1"},{children:`${null===(r=h.metafield)||void 0===r?void 0:r.length} metafields`}))}))]})]}),`info-${s}`)}))}))}))}))}),e.jsx(e.Fragment,{children:Te.length>0&&e.jsx("div",Object.assign({className:"info-content-source"},{children:e.jsx(Fe,Object.assign({title:"Content Sources",count:Te.length,isExpanded:P!==t.MANIFEST||be,onToggle:()=>Ce(!be)},{children:e.jsx("div",Object.assign({className:"source",style:{padding:"0 12px",maxWidth:"100%"}},{children:Te.map(((t,s)=>{var i,o,n,r,d,a,c,p,u,x,h,j,m,f,v,C,I;const O=Se(t.type||t.subTitle||"OpenAI"),E=Se(t.type||t.subTitle||"OpenAI",!0),L=Le(O),N=null==G?void 0:G.includes(E),k="Products"===t.subTitle?$[null!==(i=t.productId)&&void 0!==i?i:"Products"]:$[null!==(o=t.docId)&&void 0!==o?o:""],F=E.toLowerCase()===(null===(n=A.FAQ)||void 0===n?void 0:n.toLowerCase())?"faq"===(null===(r=t.title)||void 0===r?void 0:r.toLowerCase())?t.subTitle:t.title:E.toLowerCase()===(null===(d=A.FILES)||void 0===d?void 0:d.toLowerCase())||E.toLowerCase()===(null===(a=A.FETCHED_LINKS)||void 0===a?void 0:a.toLowerCase())||E.toLowerCase()===(null===(c=A.TEXTS)||void 0===c?void 0:c.toLowerCase())?t.title:E.toLowerCase()===(null===(p=A.WEBSITE_LINKS)||void 0===p?void 0:p.toLowerCase())?t.title.split("/")[t.title.split("/").length-1].replace(/[^\w\s]/gi," ").replace(/^(.)(.*)$/,((e,t,s)=>t.toUpperCase()+s)):t.intent===H.EMAIL_COLLECTION?L:t.title,_="faq"===E.toLowerCase()?null!==(h=null!==(u=null==k?void 0:k.content)&&void 0!==u?u:null===(x=null==k?void 0:k.data)||void 0===x?void 0:x.answer)&&void 0!==h?h:"":E.toLowerCase()===(null===(j=A.FETCHED_LINKS)||void 0===j?void 0:j.toLowerCase())||E.toLowerCase()===(null===(m=A.WEBSITE_LINKS)||void 0===m?void 0:m.toLowerCase())||E.toLowerCase()===(null===(f=A.TEXTS)||void 0===f?void 0:f.toLowerCase())?null!==(I=null!==(v=null==k?void 0:k.content)&&void 0!==v?v:null===(C=null==k?void 0:k.data)||void 0===C?void 0:C.fileContentText)&&void 0!==I?I:"":t.intent===H.EMAIL_COLLECTION?"Collect leads before replying to messages":"";return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:"8px",padding:"16px 0px",borderBottom:s+1<(null==Te?void 0:Te.length)?`1px solid ${y.stroke.primary}`:"none"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:"12px",justifyContent:"space-between",alignItems:"center"}},{children:[e.jsxs("div",Object.assign({style:{display:"flex",flex:1,gap:"8px",flexDirection:"row",alignItems:"center",justifyContent:"flex-start"}},{children:[Ne(O),e.jsx(T,Object.assign({body:F,placement:"top"},{children:e.jsx(S,Object.assign({style:E==A.FETCHED_LINKS||E==A.WEBSITE_LINKS?{cursor:"pointer",textDecoration:"underline"}:{},color:y.content.primary,className:"clamp-title",onClick:()=>E==A.FETCHED_LINKS||E==A.WEBSITE_LINKS?z(t):{}},{children:F}))}))]})),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"flex-end",alignItems:"center",gap:"4px",flex:"none"}},{children:[t.intent!==H.EMAIL_COLLECTION&&e.jsx(e.Fragment,{children:e.jsx(w,Object.assign({color:y.content.secondary},{children:L}))}),(t.link||t.docId)&&e.jsx("div",Object.assign({style:{cursor:"pointer",marginLeft:"0px"}},{children:N?e.jsx(b,{Icon:l,height:16,width:16,iconColor:y.content.secondary,onClick:()=>null==k?void 0:k.onEditClick(k.data,k.type),disabled:!k,disabledTooltip:"This source is deleted"}):e.jsx(b,{Icon:g,height:16,width:16,iconColor:y.content.secondary,disabled:"custom"===t.type&&!k,disabledTooltip:"This source is deleted",onClick:()=>z(t)})}))]}))]})),(null!=_?_:"").trim()&&e.jsx("div",Object.assign({style:{padding:"4px 8px",border:`1px dashed ${y.stroke.primary}`,borderRadius:"4px",backgroundColor:y.surface.subdued}},{children:e.jsx(w,Object.assign({color:y.content.primary,className:"clamp-description"},{children:ke(null!=_?_:"").trim()}))}))]}),`info-${s}`)}))}))}))}))})]})),null==_?void 0:_.children]})}),he&&e.jsx(I,Object.assign({header:"Product description",onClose:()=>je(void 0),width:"30%"},{children:e.jsx(F,{title:he.title,description:he.description,imageUrl:he.imageUrl,onClose:he.onClose})}))]})};export{_ as DataSourcePanel};
|
|
@@ -7,7 +7,6 @@ interface CouponExpirationI {
|
|
|
7
7
|
inValidCouponExpiry: boolean;
|
|
8
8
|
setSelectedExpiration: React.Dispatch<React.SetStateAction<COUPON_EXPIRATION | undefined>>;
|
|
9
9
|
selectedExpiration: COUPON_EXPIRATION | undefined;
|
|
10
|
-
hideExpirationTypeDropdown?: boolean;
|
|
11
10
|
}
|
|
12
11
|
export declare const CouponExpiration: React.FC<CouponExpirationI>;
|
|
13
12
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{format as t}from"date-fns";import{useState as o,useEffect as i}from"react";import{CustomDateTime as n}from"../../custom-date-time/CustomDateTime.js";import{COUPON_EXPIRATION as r}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as s}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{BodySecondary as p}from"../../TypographyStyle.js";import"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";const a=a=>{var c;const[m,l]=o(),[x,
|
|
1
|
+
import{j as e}from"../../../node_modules/react/jsx-runtime.js";import{format as t}from"date-fns";import{useState as o,useEffect as i}from"react";import{CustomDateTime as n}from"../../custom-date-time/CustomDateTime.js";import{COUPON_EXPIRATION as r}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as s}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import{BodySecondary as p}from"../../TypographyStyle.js";import"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as d}from"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";const a=a=>{var c;const[m,l]=o(),[x,u]=o(),D=(new Date).setDate((new Date).getDate()+1),j=[{selected:a.selectedExpiration===r.DYNAMIC_EXPIRATION,label:"After a certain no. of days",value:r.DYNAMIC_EXPIRATION},{selected:a.selectedExpiration===r.FIXED_EXPIRATION,label:"Fixed expiry date",value:r.FIXED_EXPIRATION}];i((()=>{(void 0===a.selectedExpiration||null===a.selectedExpiration||m||x)&&a.setDiscountData(Object.assign(Object.assign({},a.discountData),{expireAfter:void 0,expireAt:void 0})),a.selectedExpiration&&(m||x)&&(a.selectedExpiration===r.FIXED_EXPIRATION?u(void 0):l(void 0))}),[a.selectedExpiration,m,x]);return e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:13,margin:"16px 0 0 28px"}},{children:[e.jsxs("div",{children:[e.jsx(p,Object.assign({style:{marginBottom:8}},{children:"Expiration"})),e.jsx("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:e.jsx(s,{width:"268px",options:j,placement:"bottom-start",onSelect:e=>{const t=e.value;a.setSelectedExpiration(t),a.setDiscountData(Object.assign(Object.assign({},a.discountData),{expireAt:void 0,expireAfter:void 0}))},truncatedText:!1})}))]}),a.selectedExpiration===r.DYNAMIC_EXPIRATION&&e.jsx(d,{value:null===(c=a.discountData.expireAfter)||void 0===c?void 0:c.toString(),placeholder:"Eg. 5",labelText:"No. of days before coupon expires",width:"268px",type:"number",onChangeText:e=>{(e=>{u(void 0);const t=Number.parseInt(e);t>0?a.setDiscountData(Object.assign(Object.assign({},a.discountData),{expireAfter:t,expireAt:void 0})):u("Please enter valid input")})(e)},isRequired:!0,errorMessage:a.inValidCouponExpiry?"Required Field":x,state:a.inValidCouponExpiry?"invalid":"none"}),a.selectedExpiration===r.FIXED_EXPIRATION&&e.jsxs(e.Fragment,{children:[e.jsx(p,{children:"Expiring on"}),e.jsx(n,{placement:"bottom-start",time:a.discountData.expireAt?t(new Date(a.discountData.expireAt),"hh:mm a"):t(new Date(D),"hh:mm a"),date:a.discountData.expireAt?new Date(a.discountData.expireAt):new Date(D),error:m,setError:l,onChange:e=>{a.setDiscountData(Object.assign(Object.assign({},a.discountData),{expireAt:e,expireAfter:void 0}))},minDate:new Date(D)})]})]}))};export{a as CouponExpiration};
|
|
@@ -35,6 +35,5 @@ export interface DiscountDialogueI {
|
|
|
35
35
|
isProductVariableSupported?: boolean;
|
|
36
36
|
productVariableList?: VariableListInterfaceV3[];
|
|
37
37
|
makeExpiryMandatory?: boolean;
|
|
38
|
-
getDetailedDescription?: boolean;
|
|
39
38
|
}
|
|
40
39
|
export declare const DiscountModal: React.FC<DiscountDialogueI>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import{useState as t,useEffect as o}from"react";import{DISCOUNT_TYPES as n,MIN_PURCHASE_REQUIREMENT as l,DISCOUNT_APPLIES_TO as r,OFFER_APPLIES_TO as d,initialStaticCouponErrorState as a,initialDynamicCouponErrorState as c,COUPON_EXPIRATION as s,DISCOUNT_TARGET_TYPES as u,DISCOUNT_TARGET_SELECTION as p,DISCOUNT_VALUE_TYPES as C}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as b}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as v,BodyCaption as y,TitleRegular as P}from"../TypographyStyle.js";import{DEFAULT_THEME as m}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as h}from"../modals/styledModal.js";import{ProductPickerContent as I}from"../product-picker/ProductPickerModal.js";import{Tag as O}from"../tag/Tag.js";import{Tooltip as S}from"../tooltips/Tooltip.js";import E from"../../assets/icons/gift_icon.svg.js";import T from"../../assets/icons/percentage_icon.svg.js";import f from"../../assets/icons/shipping_icon.svg.js";import V from"../../assets/icons/triangle_error.svg.js";import g from"../../assets/icons/warning.svg.js";import{ProductPickerModal as j}from"../product-picker-v2/modal.js";import"../product-picker-v2/type.js";import{PickerType as D}from"../variable-picker-v3/model.js";import{VariablePicker as _}from"../variable-picker-v3/VariablePicker.js";import{StyledDiscountDialogueContainer as x,CouponTypeContainerStyled as A,VariablePickerContainer as N}from"./DiscountModal.styled.js";import{validateDiscountData as k,descriptionBuilder as F}from"./DiscountUtils.js";import R,{DISCOUNT_PRODUCTS as M}from"./DynamicCoupon/DynamicCoupon.js";import w from"./StaticCoupon/StaticCoupon.js";const q=q=>{var U,L,B,G,Y,X,Q,H,z,K,$;const Z=[{id:"0",label:"Amount",value:"amount",icon:i=>e.jsx("span",Object.assign({style:{fontSize:20,color:i,lineHeight:.9}},{children:q.currency||""}))},{id:"1",label:"Percentage",value:"percentage",icon:i=>e.jsx(T,{width:24,height:24,color:i})},{id:"2",label:"Buy X get Y",value:n.BUY_X_GET_Y,icon:i=>e.jsx(E,{width:24,height:24,color:i})},{id:"3",label:"Free Shipping",value:n.FREE_SHIPPING,icon:i=>e.jsx(f,{width:24,height:24,color:i})}],[J,W]=t(),[ee,ie]=t(),[te,oe]=t(),[ne,le]=t(null!==(U=q.data)&&void 0!==U?U:"string"==typeof q.hideOption?{isStaticCoupon:"dynamic"===q.hideOption}:{isStaticCoupon:!0}),[re,de]=t(!0),[ae,ce]=t(),[se,ue]=t((null===(L=q.data)||void 0===L?void 0:L.minAmount)?l.AMOUNT:(null===(B=q.data)||void 0===B?void 0:B.minQuantity)?l.QUANTITY:l.NA),[pe,Ce]=t(r.ENTIRE_ORDER),[be,ve]=t(d.SPECIFIC_PRODUCTS),[ye,Pe]=t(d.SPECIFIC_PRODUCTS),[me,he]=t(void 0),[Ie,Oe]=t(void 0),[Se,Ee]=t(void 0),[Te,fe]=t(void 0),[Ve,ge]=t(void 0),[je,De]=t(void 0),[_e,xe]=t(0),[Ae,Ne]=t(""),[ke,Fe]=t(Z[0]),[Re,Me]=t(!1),[we,qe]=t(a),[Ue,Le]=t(c),[Be,Ge]=t(s.DYNAMIC_EXPIRATION),Ye=[{value:n.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:ae===n.AMOUNT_OFF_ORDER},{value:n.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:ae===n.AMOUNT_OFF_PRODUCTS},{value:n.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:ae===n.BUY_X_GET_Y},{value:n.FREE_SHIPPING,label:"Free shipping",selected:ae===n.FREE_SHIPPING}];o((()=>{q.makeExpiryMandatory&&Me(!0)}),[q.makeExpiryMandatory]),o((()=>{var e,i,t,o,l,a,c,u;let p;const{tempCouponData:b,discountType:v}=Xe();ce(v);const y=(e,i)=>{Fe(b.valueType===C.FIXED_AMOUNT?Z[e]:Z[i])},P=(e,i)=>{Object.keys(e||{}).length&&i(e)};switch(((null==b?void 0:b.expireAfter)||(null==b?void 0:b.expireAt))&&(Me(!0),(null==b?void 0:b.expireAt)&&Ge(s.FIXED_EXPIRATION),(null==b?void 0:b.expireAfter)&&Ge(s.DYNAMIC_EXPIRATION)),v){case n.AMOUNT_OFF_ORDER:y(0,1),Ce(r.ENTIRE_ORDER);break;case n.AMOUNT_OFF_PRODUCTS:y(0,1),(null===(e=b.entitledCollectionIds)||void 0===e?void 0:e.length)?Ce(r.SPECIFIC_COLLECTIONS):(null===(i=b.entitledProductIds)||void 0===i?void 0:i.length)||(null===(t=b.productVariableConf)||void 0===t?void 0:t.entitledProductVariable)?(Ce(r.SPECIFIC_PRODUCTS),P(null===(o=b.productVariableConf)||void 0===o?void 0:o.entitledProductVariable,fe)):Ce(r.ENTIRE_ORDER);break;case n.BUY_X_GET_Y:Fe(Z[2]),(null===(l=b.entitledCollectionIds)||void 0===l?void 0:l.length)?Pe(d.SPECIFIC_COLLECTIONS):(Pe(d.SPECIFIC_PRODUCTS),P(null===(a=b.productVariableConf)||void 0===a?void 0:a.entitledProductVariable,fe)),(null===(c=b.prerequisiteCollectionIds)||void 0===c?void 0:c.length)?ve(d.SPECIFIC_COLLECTIONS):(ve(d.SPECIFIC_PRODUCTS),P(null===(u=b.productVariableConf)||void 0===u?void 0:u.prerequisiteProductVariable,ge));break;case n.FREE_SHIPPING:Fe(Z[3])}le(Object.assign({},b)),q.hideProbability||(p=ze()),de(k(b,se,v,q.hideProbability||!1,p,!!b.isStaticCoupon)),q.hideProbability||ze()}),[]),o((()=>{let e;q.hideProbability||(e=ze()),de(k(ne,se,ae,q.hideProbability||!1,e,!!ne.isStaticCoupon))}),[ne,_e,ae,se]),o((()=>{var e,i,t,o,n,l,r;if(!q.newPickerConf&&((null===(e=q.products)||void 0===e?void 0:e.length)||(null===(i=q.collection)||void 0===i?void 0:i.length))){if(q.products&&(null===(t=q.products)||void 0===t?void 0:t.length)){if(null===(o=q.data)||void 0===o?void 0:o.entitledProductIds){const e=q.products.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.entitledProductIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));Oe(e)}if(null===(n=q.data)||void 0===n?void 0:n.prerequisiteProductIds){const e=q.products.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.prerequisiteProductIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));he(e)}}if(q.collection&&q.collection.length){if(null===(l=q.data)||void 0===l?void 0:l.entitledCollectionIds){const e=q.collection.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.entitledCollectionIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));De(e)}if(null===(r=q.data)||void 0===r?void 0:r.prerequisiteCollectionIds){const e=q.collection.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.prerequisiteCollectionIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));Ee(e)}}}}),[q.products,q.collection]),o((()=>{var e,i,t,o,n,l,r,d;(null===(i=null===(e=q.data)||void 0===e?void 0:e.productsConf)||void 0===i?void 0:i.entitledProducts)&&Oe(q.data.productsConf.entitledProducts),(null===(o=null===(t=q.data)||void 0===t?void 0:t.productsConf)||void 0===o?void 0:o.prerequisiteProducts)&&he(q.data.productsConf.prerequisiteProducts),(null===(l=null===(n=q.data)||void 0===n?void 0:n.collectionsConf)||void 0===l?void 0:l.entitledCollections)&&De(q.data.collectionsConf.entitledCollections),(null===(d=null===(r=q.data)||void 0===r?void 0:r.collectionsConf)||void 0===d?void 0:d.prerequisiteCollections)&&Ee(q.data.collectionsConf.prerequisiteCollections)}),[null===(G=q.data)||void 0===G?void 0:G.productsConf,null===(Y=q.data)||void 0===Y?void 0:Y.collectionsConf]),o((()=>{if(!Ie)return;if(q.newPickerConf){const e=[];return Object.values(Ie).forEach((i=>{i.products&&Object.keys(i.products).forEach((i=>{e.push(parseInt(i))}))})),void le(Object.assign(Object.assign({},ne),{entitledProductIds:e}))}const e=Ie.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{entitledProductIds:e}))}),[Ie]),o((()=>{if(!me)return;if(q.newPickerConf){const e=[];return Object.values(me).forEach((i=>{i.products&&Object.keys(i.products).forEach((i=>{e.push(parseInt(i))}))})),void le(Object.assign(Object.assign({},ne),{prerequisiteProductIds:e}))}const e=me.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{prerequisiteProductIds:e}))}),[me]),o((()=>{if(!je)return;if(q.newPickerConf){(null==je?void 0:je.isCustom)&&delete je.isCustom;const e=Object.keys(je).map((e=>parseInt(e)));return void le(Object.assign(Object.assign({},ne),{entitledCollectionIds:e}))}const e=je.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{entitledCollectionIds:e}))}),[je]),o((()=>{if(!Se)return;if(q.newPickerConf){(null==Se?void 0:Se.isCustom)&&delete Se.isCustom;const e=Object.keys(Se).map((e=>parseInt(e)));return void le(Object.assign(Object.assign({},ne),{prerequisiteCollectionIds:e}))}const e=Se.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{prerequisiteCollectionIds:e}))}),[Se]);const Xe=()=>{var e,i,t,o;let l,r=ne;return ne.isStaticCoupon?ne.isStaticCoupon&&q.getDetailedDescription&&(ne.targetType===u.SHIPPING_LINE?l=n.FREE_SHIPPING:ne.targetType===u.LINE_ITEM?l=ne.targetSelection===p.ENTITLED?(null===(t=ne.prerequisiteProductIds)||void 0===t?void 0:t.length)||(null===(o=ne.prerequisiteCollectionIds)||void 0===o?void 0:o.length)||ne.prerequisiteQuantity||ne.entitledQuantity?n.BUY_X_GET_Y:n.AMOUNT_OFF_PRODUCTS:n.AMOUNT_OFF_ORDER:(r=Object.assign(Object.assign({},r),{targetType:u.LINE_ITEM,targetSelection:p.ALL,valueType:C.FIXED_AMOUNT}),l=n.AMOUNT_OFF_ORDER)):ne.targetType===u.SHIPPING_LINE?l=n.FREE_SHIPPING:ne.targetType===u.LINE_ITEM?l=ne.targetSelection===p.ENTITLED?(null===(e=ne.prerequisiteProductIds)||void 0===e?void 0:e.length)||(null===(i=ne.prerequisiteCollectionIds)||void 0===i?void 0:i.length)||ne.prerequisiteQuantity||ne.entitledQuantity?n.BUY_X_GET_Y:n.AMOUNT_OFF_PRODUCTS:n.AMOUNT_OFF_ORDER:(r=Object.assign(Object.assign({},r),{targetType:u.LINE_ITEM,targetSelection:p.ALL,valueType:C.FIXED_AMOUNT}),l=n.AMOUNT_OFF_ORDER),{discountType:l,tempCouponData:r}},Qe=()=>{qe(a),Le(c)},He=e=>{var i;const t={invalidDiscountCode:"Please add Discount Code",invalidCouponTitle:"Please add Discount Coupon Title",invalidCouponDescription:"Please add Coupon Description",inValidProbability:e.inValidProbability&&(null!==(i=ne.probability)&&void 0!==i?i:-1)>1?"Probability should not exceed 1":ne.isStaticCoupon?"Please add Probability":"Probability should be greater than 0",inValidDiscountAmount:"Please add Discount Amount",inValidMinimumAmount:"Specify minimum amount required",inValidMinimumQuantity:"Specify minimum items required",inValidCouponExpiry:"Please add Coupon Expiry",inValidProductSelection:"Please specify the products",inValidProductVariableSelection:"Please specify the product variables",inValidCollectionSelection:"Please specify the collections",inValidBuyXValue:"Please specify buy product quantity",inValidGetYValue:"Please specify get product quantity",inValidBuyXProductSelection:"Please specify the products",inValidBuyXCollectionSelection:"Please specify the collections",inValidGetYProductSelection:"Please specify the products",inValidGetYCollectionSelection:"Please specify the collections",inValidBuyXProductVariableSelection:"Please specify the product variables",inValidGetYProductVariableSelection:"Please specify the product variables"};let o="";Object.keys(e).forEach((i=>{e[i]&&(o=t[i])}));const n=Object.values(e).filter(Boolean).length;return n>0&&(Ne(n>1?"Please add discount details":o),!0)},ze=()=>{if(!q.quadrant||!q.probability)return;const e=[...q.probability];let i=[];e.length>=q.quadrant&&e.splice(q.quadrant-1,1),i=e;const t=i.reduce(((e,i)=>e+i),0)+(ne.probability||0);return xe(parseFloat(t.toFixed(4))),parseFloat(t.toFixed(4))},Ke=e=>{var i,t,o,l,r,d,a,c,s,b,v,y,P,m,h,I;const O=e.value;ce(O),he([]),Oe([]),Ee([]),De([]),O===n.FREE_SHIPPING?le({value:100,targetSelection:p.ALL,targetType:u.SHIPPING_LINE,valueType:C.PERCENTAGE,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(i=ne.expireAt)&&void 0!==i?i:void 0,expireAfter:null!==(t=ne.expireAfter)&&void 0!==t?t:void 0,probability:ne.probability,minQuantity:null!==(o=ne.minQuantity)&&void 0!==o?o:void 0,minAmount:null!==(l=ne.minAmount)&&void 0!==l?l:void 0}):O===n.BUY_X_GET_Y?le({value:100,targetSelection:p.ENTITLED,targetType:u.LINE_ITEM,valueType:C.PERCENTAGE,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(r=ne.expireAt)&&void 0!==r?r:void 0,expireAfter:null!==(d=ne.expireAfter)&&void 0!==d?d:void 0,probability:ne.probability,minQuantity:void 0,minAmount:void 0}):O===n.AMOUNT_OFF_ORDER?le({targetSelection:p.ALL,targetType:u.LINE_ITEM,valueType:null!==(a=ne.valueType)&&void 0!==a?a:C.FIXED_AMOUNT,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(c=ne.expireAt)&&void 0!==c?c:void 0,expireAfter:null!==(s=ne.expireAfter)&&void 0!==s?s:void 0,probability:ne.probability,value:ne.value,minQuantity:null!==(b=ne.minQuantity)&&void 0!==b?b:void 0,minAmount:null!==(v=ne.minAmount)&&void 0!==v?v:void 0}):O===n.AMOUNT_OFF_PRODUCTS&&le({targetSelection:p.ENTITLED,targetType:u.LINE_ITEM,valueType:null!==(y=ne.valueType)&&void 0!==y?y:C.FIXED_AMOUNT,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(P=ne.expireAt)&&void 0!==P?P:void 0,expireAfter:null!==(m=ne.expireAfter)&&void 0!==m?m:void 0,probability:ne.probability,value:ne.value,minQuantity:null!==(h=ne.minQuantity)&&void 0!==h?h:void 0,minAmount:null!==(I=ne.minAmount)&&void 0!==I?I:void 0})},$e=i=>i&&e.jsx(O,{theme:"light",tagText:i,type:"negative",LeadingIcon:g});return e.jsxs(h,Object.assign({width:(te||J)&&q.newPickerConf?"25px":"640px",open:q.isOpen,hideCrossButton:!!ee,headingTitle:J?"Select Products":q.title,headingSubtitle:J?void 0:q.subTitle,footerLeftCustomElement:Ae?$e(Ae):q.errorMsg?$e(q.errorMsg):!q.quadrant||q.hideProbability?e.jsx(e.Fragment,{}):_e<=1?e.jsx(O,{theme:"light",tagText:`Current probability sum: ${_e}`,type:"white"}):e.jsx(S,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e.jsx("div",{children:e.jsx(O,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${_e}`,type:"negative",LeadingIcon:V})})})),headerRightCustomElement:q.allowStaticCoupon||J?void 0:e.jsx(b,{options:Ye,width:"200px",placement:"bottom-start",size:"small",onSelect:e=>{Ke(e)}}),onClose:q.onClose,footerContainerStyle:{borderTop:`1px solid ${m.colorsV2.stroke.primary}`},primaryButton:J?{buttonType:"primary",onClick:()=>{W(void 0)},buttonText:"Add"}:te?{buttonType:"primary",onClick:()=>{oe(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Create discount code",isLoading:null!==(X=q.loading)&&void 0!==X&&X,onClick:()=>{var e,i,t,o,a,c,s,u,p,C;if(Qe(),ne.isStaticCoupon&&!q.getDetailedDescription){const{isStaticCoupon:e,couponCode:i,title:t,description:o,quadrant:n,probability:l}=ne,r={invalidDiscountCode:!i,invalidCouponTitle:!t,invalidCouponDescription:!o,inValidProbability:!q.hideProbability&&(null!=l?l:-1)<0||(null!=l?l:0)>1||Number.isNaN(null!=l?l:0)};if(He(r))return void qe(r);if(re||_e>1)return void Ne(!q.hideProbability&&_e>1?"Probability sum should not exceed 1":"Invalid coupon details");q.onSaveClicked({quadrant:n,couponCode:i,description:o,isStaticCoupon:e,probability:l,title:ne.title})}else if(ne.isStaticCoupon&&q.getDetailedDescription){const{isStaticCoupon:c,couponCode:s,title:u,quadrant:p,probability:C}=ne,b={invalidDiscountCode:!s,invalidCouponTitle:!u,invalidCouponDescription:!1,inValidProbability:!q.hideProbability&&(null!=C?C:-1)<0||(null!=C?C:0)>1||Number.isNaN(null!=C?C:0)};if(He(b))return void qe(b);const v={invalidCouponTitle:!ne.title,inValidProbability:!q.hideProbability&&(null!==(e=ne.probability)&&void 0!==e?e:-1)<=0||(null!==(i=ne.probability)&&void 0!==i?i:-1)>1||Number.isNaN(null!==(t=ne.probability)&&void 0!==t?t:-1),inValidDiscountAmount:!ne.value,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidProductSelection:!1,inValidProductVariableSelection:!1,inValidCollectionSelection:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};if(ae!==n.BUY_X_GET_Y&&se!==l.NA){const{minAmount:e,minQuantity:i}=ne;v.inValidMinimumAmount=se===l.AMOUNT&&!e,v.inValidMinimumQuantity=se===l.QUANTITY&&!i}if(Re&&(v.inValidCouponExpiry=!ne.expireAt&&!ne.expireAfter),ae!==n.AMOUNT_OFF_ORDER&&ae!==n.AMOUNT_OFF_PRODUCTS||(pe!==r.SPECIFIC_PRODUCTS||!Ie||Object.keys(Ie).length||Te||(v.inValidProductSelection=!0,v.inValidProductVariableSelection=!0),pe===r.SPECIFIC_COLLECTIONS&&je&&!Object.keys(je).length&&(v.inValidCollectionSelection=!0)),ae===n.BUY_X_GET_Y&&(ne.prerequisiteQuantity||(v.inValidBuyXValue=!0),ne.entitledQuantity||(v.inValidGetYValue=!0),be!==d.SPECIFIC_PRODUCTS||!me||Object.keys(me).length||Ve||(v.inValidBuyXProductSelection=!0,v.inValidBuyXProductVariableSelection=!0),be===d.SPECIFIC_COLLECTIONS&&Se&&!Object.keys(Se).length&&(v.inValidBuyXCollectionSelection=!0),ye!==d.SPECIFIC_PRODUCTS||!Ie||Object.keys(Ie).length||Te||(v.inValidGetYProductSelection=!0,v.inValidGetYProductVariableSelection=!0),ye===d.SPECIFIC_COLLECTIONS&&je&&!Object.keys(je).length&&(v.inValidGetYCollectionSelection=!0)),He(v))return void Le(v);if(re||_e>1)return void Ne(!q.hideProbability&&_e>1?"Probability sum should not exceed 1":"Invalid coupon details");q.onSaveClicked(Object.assign(Object.assign({},ne),{couponCode:s,isStaticCoupon:c,quadrant:p,description:F(ne,q.currency,null!==(o=q.products)&&void 0!==o?o:[],null!==(a=q.collection)&&void 0!==a?a:[]),productsConf:{entitledProducts:null!=Ie?Ie:[],prerequisiteProducts:null!=me?me:[]},collectionsConf:{entitledCollections:null!=je?je:[],prerequisiteCollections:null!=Se?Se:[]},productVariableConf:{entitledProductVariable:null!=Te?Te:{},prerequisiteProductVariable:null!=Ve?Ve:{}}}))}else{const e={invalidCouponTitle:!ne.title,inValidProbability:!q.hideProbability&&(null!==(c=ne.probability)&&void 0!==c?c:-1)<=0||(null!==(s=ne.probability)&&void 0!==s?s:-1)>1||Number.isNaN(null!==(u=ne.probability)&&void 0!==u?u:-1),inValidDiscountAmount:!ne.value,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidProductSelection:!1,inValidProductVariableSelection:!1,inValidCollectionSelection:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};if(ae!==n.BUY_X_GET_Y&&se!==l.NA){const{minAmount:i,minQuantity:t}=ne;e.inValidMinimumAmount=se===l.AMOUNT&&!i,e.inValidMinimumQuantity=se===l.QUANTITY&&!t}if(Re&&(e.inValidCouponExpiry=!ne.expireAt&&!ne.expireAfter),ae!==n.AMOUNT_OFF_ORDER&&ae!==n.AMOUNT_OFF_PRODUCTS||(pe!==r.SPECIFIC_PRODUCTS||!Ie||Object.keys(Ie).length||Te||(e.inValidProductSelection=!0,e.inValidProductVariableSelection=!0),pe===r.SPECIFIC_COLLECTIONS&&je&&!Object.keys(je).length&&(e.inValidCollectionSelection=!0)),ae===n.BUY_X_GET_Y&&(ne.prerequisiteQuantity||(e.inValidBuyXValue=!0),ne.entitledQuantity||(e.inValidGetYValue=!0),be!==d.SPECIFIC_PRODUCTS||!me||Object.keys(me).length||Ve||(e.inValidBuyXProductSelection=!0,e.inValidBuyXProductVariableSelection=!0),be===d.SPECIFIC_COLLECTIONS&&Se&&!Object.keys(Se).length&&(e.inValidBuyXCollectionSelection=!0),ye!==d.SPECIFIC_PRODUCTS||!Ie||Object.keys(Ie).length||Te||(e.inValidGetYProductSelection=!0,e.inValidGetYProductVariableSelection=!0),ye===d.SPECIFIC_COLLECTIONS&&je&&!Object.keys(je).length&&(e.inValidGetYCollectionSelection=!0)),He(e))return void Le(e);if(re||_e>1)return void Ne(!q.hideProbability&&_e>1?"Probability sum should not exceed 1":"Invalid coupon details");q.onSaveClicked(Object.assign(Object.assign({},ne),{description:F(ne,q.currency,null!==(p=q.products)&&void 0!==p?p:[],null!==(C=q.collection)&&void 0!==C?C:[]),productsConf:{entitledProducts:null!=Ie?Ie:[],prerequisiteProducts:null!=me?me:[]},collectionsConf:{entitledCollections:null!=je?je:[],prerequisiteCollections:null!=Se?Se:[]},productVariableConf:{entitledProductVariable:null!=Te?Te:{},prerequisiteProductVariable:null!=Ve?Ve:{}}}))}}},secondaryButton:J?{buttonType:"tertiaryGray",onClick:()=>{W(void 0)},buttonText:"Back"}:te?{buttonType:"tertiaryGray",onClick:()=>{oe(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:q.onClose,buttonText:"Cancel"}},{children:[!J&&!te&&e.jsxs(x,{children:[q.allowStaticCoupon&&!J&&!q.hideOption&&e.jsxs(A,Object.assign({selectedDiv:ne.isStaticCoupon?1:2},{children:["static"===q.hideOption?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"coupon-type__container",onClick:()=>{ne.isStaticCoupon||(le({isStaticCoupon:!0,quadrant:ne.quadrant}),Ne(""),Qe())}},{children:[e.jsx(v,Object.assign({style:{marginBottom:"4px",color:ne.isStaticCoupon?m.colorsV2.content.brand:void 0}},{children:"Static Code"})),e.jsx(y,Object.assign({style:ne.isStaticCoupon?{color:m.colorsV2.content.brand}:{}},{children:"A uniform code provided manually, used for providing the same discount to all customers."}))]})),"dynamic"===q.hideOption?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"coupon-type__container",onClick:()=>{var i;ne.isStaticCoupon&&(ce(n.AMOUNT_OFF_ORDER),le({isStaticCoupon:!1,quadrant:ne.quadrant,targetType:u.LINE_ITEM,targetSelection:p.ALL,valueType:C.FIXED_AMOUNT}),Ne(""),Qe(),Fe({id:"0",label:"Amount",value:"amount",icon:i=>e.jsx("span",Object.assign({style:{fontSize:20,color:i}},{children:q.currency||""}))}),Me(null!==(i=q.makeExpiryMandatory)&&void 0!==i&&i),ue(l.NA))}},{children:[e.jsx(v,Object.assign({style:{marginBottom:"4px",color:ne.isStaticCoupon?void 0:m.colorsV2.content.brand}},{children:"Dynamic Code"})),e.jsx(y,Object.assign({style:ne.isStaticCoupon?{}:{color:m.colorsV2.content.brand}},{children:"Code will be unique for all customers, with the first 5 letters of the customer's name, followed by 10 random characters."}))]}))]})),!q.getDetailedDescription&&e.jsx(P,Object.assign({style:{marginTop:"24px"}},{children:"Coupon Details"}))," ",ne.isStaticCoupon&&!J&&!q.getDetailedDescription&&e.jsx(w,{discountData:ne,setDiscountData:le,hideProbability:q.hideProbability||!1,discountAdminUrl:q.discountAdminUrl,staticDiscountValidationError:we,currency:q.currency}),ne.isStaticCoupon&&!J&&q.getDetailedDescription&&e.jsx(w,{discountData:ne,setDiscountData:le,hideProbability:q.hideProbability||!1,discountAdminUrl:q.discountAdminUrl,staticDiscountValidationError:we,currency:q.currency,getDetailedDescription:!0,selectedCouponType:ae,setSelectedCouponType:ce,selectedMinimumRequirement:se,setSelectedMinimumRequirement:ue,discountCouponAppliesTo:pe,offerAppliesToBuy:be,offerAppliesToGet:ye,setDiscountCouponAppliesTo:Ce,setOfferAppliesToBuy:ve,setOfferAppliesToGet:Pe,hideExpiration:q.hideExpiration||!1,onChangeCouponType:Ke,entitledProducts:null!=Ie?Ie:[],prerequisiteProducts:null!=me?me:[],setEntitledProducts:Oe,setPrerequisiteProducts:he,entitledCollections:null!=je?je:[],prerequisiteCollections:null!=Se?Se:[],setEntitledCollections:De,setPrerequisiteCollections:Ee,setIsProductPickerOpen:W,setIsProductVariablePickerOpen:ie,setIsCollectionPickerOpen:oe,productPickerOpen:J,productVariablePickerOpen:ee,collectionPickerOpen:te,useNewPicker:!!q.newPickerConf,selectedDiscountDetails:ke,setSelectedDiscountDetails:Fe,isProductVariableSupported:q.isProductVariableSupported,entitledProductVariable:Te,setEntitledProductVariable:fe,preRequisiteProductVariable:Ve,setPreRequisiteProductVariable:ge,productVariableList:q.productVariableList,isAddExpirationChecked:Re,setIsAddExpirationChecked:Me,dynamicDiscountValidationError:Ue,setDynamicDiscountValidationError:Le,setValidationErrorMessage:Ne,resetValidationErrors:Qe,discountDetailsOptions:Z,selectedExpiration:Be,setSelectedExpiration:Ge,makeExpiryMandatory:!!q.makeExpiryMandatory}),!ne.isStaticCoupon&&!J&&!te&&e.jsx(R,{currency:q.currency,entitledProducts:null!=Ie?Ie:[],prerequisiteProducts:null!=me?me:[],setEntitledProducts:Oe,setPrerequisiteProducts:he,discountData:ne,productPickerOpen:J,productVariablePickerOpen:ee,setIsProductPickerOpen:W,setIsProductVariablePickerOpen:ie,setDiscountData:le,selectedCouponType:ae,setSelectedCouponType:ce,selectedMinimumRequirement:se,setSelectedMinimumRequirement:ue,discountCouponAppliesTo:pe,offerAppliesToBuy:be,offerAppliesToGet:ye,setDiscountCouponAppliesTo:Ce,setOfferAppliesToBuy:ve,setOfferAppliesToGet:Pe,hideProbability:q.hideProbability||!1,hideExpiration:q.hideExpiration||!1,allowStaticCoupon:q.allowStaticCoupon,onChangeCouponType:Ke,collectionPickerOpen:te,entitledCollections:null!=je?je:[],prerequisiteCollections:null!=Se?Se:[],setIsCollectionPickerOpen:oe,setEntitledCollections:De,setPrerequisiteCollections:Ee,useNewPicker:!!q.newPickerConf,setSelectedDiscountDetails:Fe,selectedDiscountDetails:ke,isProductVariableSupported:q.isProductVariableSupported,entitledProductVariable:Te,setEntitledProductVariable:fe,preRequisiteProductVariable:Ve,setPreRequisiteProductVariable:ge,productVariableList:q.productVariableList,isAddExpirationChecked:Re,setIsAddExpirationChecked:Me,dynamicDiscountValidationError:Ue,setDynamicDiscountValidationError:Le,setValidationErrorMessage:Ne,resetValidationErrors:Qe,discountDetailsOptions:Z,selectedExpiration:Be,setSelectedExpiration:Ge,makeExpiryMandatory:!!q.makeExpiryMandatory})]}),!!J&&e.jsxs(e.Fragment,{children:[!q.newPickerConf&&e.jsx("div",Object.assign({style:{padding:"12px 0"}},{children:e.jsx(I,{show:!0,onSave:()=>{},products:null!==(Q=q.products)&&void 0!==Q?Q:[],title:"Select Products",onClose:()=>{W(void 0)},selectedProducts:null!==(H=J===M.ENTITLED?Ie:me)&&void 0!==H?H:[],setSelectedProducts:J===M.ENTITLED?Oe:he,onSearchKeyChange:q.onProductSearch})})),q.newPickerConf&&e.jsx(j,{visible:!0,onClose:()=>W(void 0),collectionFetcher:(e,i,t)=>{var o;return(null===(o=q.newPickerConf)||void 0===o?void 0:o.fetchCollections)?q.newPickerConf.fetchCollections(e,i,!1,t):null},productFetcher:(e,i,t,o,n)=>{var l;return(null===(l=q.newPickerConf)||void 0===l?void 0:l.fetchProducts)?q.newPickerConf.fetchProducts(e,i,o,n,!1,t):null},selectedItems:J===M.ENTITLED?Ie:me,onAdd:e=>{J===M.ENTITLED?Oe(e):he(e),W(void 0)},zIndex:200,storeId:q.newPickerConf.storeId,appType:q.newPickerConf.appType||i.BIK,searchInCollectionFetcher:(e,i,t,o)=>{var n;return(null===(n=q.newPickerConf)||void 0===n?void 0:n.searchInCollection)?q.newPickerConf.searchInCollection(e,i,t,!1,o):null},customCollectionRestriction:!1,searchFetcher:(e,i,t)=>{var o;return(null===(o=q.newPickerConf)||void 0===o?void 0:o.searchProducts)?q.newPickerConf.searchProducts(e,i,!1,t):null},hideCollectionCheckbox:!0,hideVariantCheckbox:!0,selectProductsFromCustomCollection:!0,hideSelectionCount:!0})]}),!!te&&e.jsx("div",Object.assign({style:{padding:"12px 0"}},{children:e.jsxs(e.Fragment,{children:[q.newPickerConf&&e.jsx(j,{visible:!0,onClose:()=>oe(void 0),collectionFetcher:q.newPickerConf.fetchCollections,productFetcher:q.newPickerConf.fetchProducts,selectedItems:te===M.ENTITLED?je:Se,onAdd:e=>{Object.values(e).forEach((e=>{e.products&&delete e.products})),te===M.ENTITLED?De(e):Ee(e),oe(void 0)},customCollectionRestriction:!1,zIndex:200,storeId:q.newPickerConf.storeId,appType:q.newPickerConf.appType||i.BIK,searchInCollectionFetcher:q.newPickerConf.searchInCollection,searchFetcher:q.newPickerConf.searchProducts,hideProductCheckbox:!0,hideVariantCheckbox:!0,title:"Select Collections",hideGlobalSearch:!0,hideSelectionCount:!0}),!q.newPickerConf&&e.jsx(I,{show:!0,onSave:()=>{},products:null!==(z=q.collection)&&void 0!==z?z:[],title:"Select Products",onClose:()=>{oe(void 0)},selectedProducts:null!==(K=te===M.ENTITLED?je:Se)&&void 0!==K?K:[],setSelectedProducts:te===M.ENTITLED?De:Ee,onSearchKeyChange:q.onCollectionSearch,searchPlaceholder:"Search collections..."})]})})),ee&&e.jsx(N,{children:e.jsx("div",Object.assign({style:{width:"50%",height:"100%",marginLeft:"50%"}},{children:e.jsx(_,{type:D.EMBEDDED,data:null!==($=q.productVariableList)&&void 0!==$?$:[],showHeader:!0,onSelect:e=>{if(ee===M.ENTITLED){const{displayName:i,actualValue:t,isAvailable:o}=e;fe({displayName:i,actualValue:t,isAvailable:o}),ie(void 0)}if(ee===M.PREREQUISITE){const{displayName:i,actualValue:t,isAvailable:o}=e;ge({displayName:i,actualValue:t,isAvailable:o}),ie(void 0)}},onClose:()=>{ie(void 0)}})}))})]}))};export{q as DiscountModal};
|
|
1
|
+
import{j as e}from"../../node_modules/react/jsx-runtime.js";import{ApplicationType as i}from"@bikdotai/bik-models/growth/models/bik-store";import{useState as t,useEffect as o}from"react";import{DISCOUNT_TYPES as n,MIN_PURCHASE_REQUIREMENT as l,DISCOUNT_APPLIES_TO as r,OFFER_APPLIES_TO as d,initialStaticCouponErrorState as a,initialDynamicCouponErrorState as s,COUPON_EXPIRATION as c,DISCOUNT_TARGET_TYPES as u,DISCOUNT_TARGET_SELECTION as p,DISCOUNT_VALUE_TYPES as v}from"./type.js";import"../dropdown/DropdownPopover/index.js";import{Dropdown as C}from"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{TitleSmall as m,BodyCaption as b,TitleRegular as y}from"../TypographyStyle.js";import{DEFAULT_THEME as P}from"../../constants/Theme.js";import"../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";import{StyledModal as h}from"../modals/styledModal.js";import{ProductPickerContent as I}from"../product-picker/ProductPickerModal.js";import{Tag as f}from"../tag/Tag.js";import{Tooltip as T}from"../tooltips/Tooltip.js";import E from"../../assets/icons/gift_icon.svg.js";import O from"../../assets/icons/percentage_icon.svg.js";import S from"../../assets/icons/shipping_icon.svg.js";import g from"../../assets/icons/triangle_error.svg.js";import j from"../../assets/icons/warning.svg.js";import{ProductPickerModal as x}from"../product-picker-v2/modal.js";import"../product-picker-v2/type.js";import{PickerType as V}from"../variable-picker-v3/model.js";import{VariablePicker as _}from"../variable-picker-v3/VariablePicker.js";import{StyledDiscountDialogueContainer as A,CouponTypeContainerStyled as D,VariablePickerContainer as k}from"./DiscountModal.styled.js";import{validateDiscountData as N,descriptionBuilder as F}from"./DiscountUtils.js";import w,{DISCOUNT_PRODUCTS as R}from"./DynamicCoupon/DynamicCoupon.js";import M from"./StaticCoupon/StaticCoupon.js";const q=q=>{var L,U,B,G,Y,X,Q,H,z,K,$;const Z=[{id:"0",label:"Amount",value:"amount",icon:i=>e.jsx("span",Object.assign({style:{fontSize:20,color:i,lineHeight:.9}},{children:q.currency||""}))},{id:"1",label:"Percentage",value:"percentage",icon:i=>e.jsx(O,{width:24,height:24,color:i})},{id:"2",label:"Buy X get Y",value:n.BUY_X_GET_Y,icon:i=>e.jsx(E,{width:24,height:24,color:i})},{id:"3",label:"Free Shipping",value:n.FREE_SHIPPING,icon:i=>e.jsx(S,{width:24,height:24,color:i})}],[J,W]=t(),[ee,ie]=t(),[te,oe]=t(),[ne,le]=t(null!==(L=q.data)&&void 0!==L?L:"string"==typeof q.hideOption?{isStaticCoupon:"dynamic"===q.hideOption}:{isStaticCoupon:!0}),[re,de]=t(!0),[ae,se]=t(),[ce,ue]=t((null===(U=q.data)||void 0===U?void 0:U.minAmount)?l.AMOUNT:(null===(B=q.data)||void 0===B?void 0:B.minQuantity)?l.QUANTITY:l.NA),[pe,ve]=t(r.ENTIRE_ORDER),[Ce,me]=t(d.SPECIFIC_PRODUCTS),[be,ye]=t(d.SPECIFIC_PRODUCTS),[Pe,he]=t(void 0),[Ie,fe]=t(void 0),[Te,Ee]=t(void 0),[Oe,Se]=t(void 0),[ge,je]=t(void 0),[xe,Ve]=t(void 0),[_e,Ae]=t(0),[De,ke]=t(""),[Ne,Fe]=t(Z[0]),[we,Re]=t(!1),[Me,qe]=t(a),[Le,Ue]=t(s),[Be,Ge]=t(c.DYNAMIC_EXPIRATION),Ye=[{value:n.AMOUNT_OFF_ORDER,label:"Amount off on order",selected:ae===n.AMOUNT_OFF_ORDER},{value:n.AMOUNT_OFF_PRODUCTS,label:"Amount off on products",selected:ae===n.AMOUNT_OFF_PRODUCTS},{value:n.BUY_X_GET_Y,label:"Buy X Get Y FREE",selected:ae===n.BUY_X_GET_Y},{value:n.FREE_SHIPPING,label:"Free shipping",selected:ae===n.FREE_SHIPPING}];o((()=>{q.makeExpiryMandatory&&Re(!0)}),[q.makeExpiryMandatory]),o((()=>{var e,i,t,o,l,a,s,u;let p;const{tempCouponData:C,discountType:m}=Xe();se(m);const b=(e,i)=>{Fe(C.valueType===v.FIXED_AMOUNT?Z[e]:Z[i])},y=(e,i)=>{Object.keys(e||{}).length&&i(e)};switch(((null==C?void 0:C.expireAfter)||(null==C?void 0:C.expireAt))&&(Re(!0),(null==C?void 0:C.expireAt)&&Ge(c.FIXED_EXPIRATION),(null==C?void 0:C.expireAfter)&&Ge(c.DYNAMIC_EXPIRATION)),m){case n.AMOUNT_OFF_ORDER:b(0,1),ve(r.ENTIRE_ORDER);break;case n.AMOUNT_OFF_PRODUCTS:b(0,1),(null===(e=C.entitledCollectionIds)||void 0===e?void 0:e.length)?ve(r.SPECIFIC_COLLECTIONS):(null===(i=C.entitledProductIds)||void 0===i?void 0:i.length)||(null===(t=C.productVariableConf)||void 0===t?void 0:t.entitledProductVariable)?(ve(r.SPECIFIC_PRODUCTS),y(null===(o=C.productVariableConf)||void 0===o?void 0:o.entitledProductVariable,Se)):ve(r.ENTIRE_ORDER);break;case n.BUY_X_GET_Y:Fe(Z[2]),(null===(l=C.entitledCollectionIds)||void 0===l?void 0:l.length)?ye(d.SPECIFIC_COLLECTIONS):(ye(d.SPECIFIC_PRODUCTS),y(null===(a=C.productVariableConf)||void 0===a?void 0:a.entitledProductVariable,Se)),(null===(s=C.prerequisiteCollectionIds)||void 0===s?void 0:s.length)?me(d.SPECIFIC_COLLECTIONS):(me(d.SPECIFIC_PRODUCTS),y(null===(u=C.productVariableConf)||void 0===u?void 0:u.prerequisiteProductVariable,je));break;case n.FREE_SHIPPING:Fe(Z[3])}le(Object.assign({},C)),q.hideProbability||(p=ze()),de(N(C,ce,m,q.hideProbability||!1,p,!!C.isStaticCoupon)),q.hideProbability||ze()}),[]),o((()=>{let e;q.hideProbability||(e=ze()),de(N(ne,ce,ae,q.hideProbability||!1,e,!!ne.isStaticCoupon))}),[ne,_e,ae,ce]),o((()=>{var e,i,t,o,n,l,r;if(!q.newPickerConf&&((null===(e=q.products)||void 0===e?void 0:e.length)||(null===(i=q.collection)||void 0===i?void 0:i.length))){if(q.products&&(null===(t=q.products)||void 0===t?void 0:t.length)){if(null===(o=q.data)||void 0===o?void 0:o.entitledProductIds){const e=q.products.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.entitledProductIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));fe(e)}if(null===(n=q.data)||void 0===n?void 0:n.prerequisiteProductIds){const e=q.products.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.prerequisiteProductIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));he(e)}}if(q.collection&&q.collection.length){if(null===(l=q.data)||void 0===l?void 0:l.entitledCollectionIds){const e=q.collection.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.entitledCollectionIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));Ve(e)}if(null===(r=q.data)||void 0===r?void 0:r.prerequisiteCollectionIds){const e=q.collection.filter((e=>{var i,t;return null===(t=null===(i=q.data)||void 0===i?void 0:i.prerequisiteCollectionIds)||void 0===t?void 0:t.includes(parseInt(e.id))}));Ee(e)}}}}),[q.products,q.collection]),o((()=>{var e,i,t,o,n,l,r,d;(null===(i=null===(e=q.data)||void 0===e?void 0:e.productsConf)||void 0===i?void 0:i.entitledProducts)&&fe(q.data.productsConf.entitledProducts),(null===(o=null===(t=q.data)||void 0===t?void 0:t.productsConf)||void 0===o?void 0:o.prerequisiteProducts)&&he(q.data.productsConf.prerequisiteProducts),(null===(l=null===(n=q.data)||void 0===n?void 0:n.collectionsConf)||void 0===l?void 0:l.entitledCollections)&&Ve(q.data.collectionsConf.entitledCollections),(null===(d=null===(r=q.data)||void 0===r?void 0:r.collectionsConf)||void 0===d?void 0:d.prerequisiteCollections)&&Ee(q.data.collectionsConf.prerequisiteCollections)}),[null===(G=q.data)||void 0===G?void 0:G.productsConf,null===(Y=q.data)||void 0===Y?void 0:Y.collectionsConf]),o((()=>{if(!Ie)return;if(q.newPickerConf){const e=[];return Object.values(Ie).forEach((i=>{i.products&&Object.keys(i.products).forEach((i=>{e.push(parseInt(i))}))})),void le(Object.assign(Object.assign({},ne),{entitledProductIds:e}))}const e=Ie.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{entitledProductIds:e}))}),[Ie]),o((()=>{if(!Pe)return;if(q.newPickerConf){const e=[];return Object.values(Pe).forEach((i=>{i.products&&Object.keys(i.products).forEach((i=>{e.push(parseInt(i))}))})),void le(Object.assign(Object.assign({},ne),{prerequisiteProductIds:e}))}const e=Pe.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{prerequisiteProductIds:e}))}),[Pe]),o((()=>{if(!xe)return;if(q.newPickerConf){(null==xe?void 0:xe.isCustom)&&delete xe.isCustom;const e=Object.keys(xe).map((e=>parseInt(e)));return void le(Object.assign(Object.assign({},ne),{entitledCollectionIds:e}))}const e=xe.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{entitledCollectionIds:e}))}),[xe]),o((()=>{if(!Te)return;if(q.newPickerConf){(null==Te?void 0:Te.isCustom)&&delete Te.isCustom;const e=Object.keys(Te).map((e=>parseInt(e)));return void le(Object.assign(Object.assign({},ne),{prerequisiteCollectionIds:e}))}const e=Te.map((e=>parseInt(e.id)));le(Object.assign(Object.assign({},ne),{prerequisiteCollectionIds:e}))}),[Te]);const Xe=()=>{var e,i;let t,o=ne;return ne.isStaticCoupon||(ne.targetType===u.SHIPPING_LINE?t=n.FREE_SHIPPING:ne.targetType===u.LINE_ITEM?t=ne.targetSelection===p.ENTITLED?(null===(e=ne.prerequisiteProductIds)||void 0===e?void 0:e.length)||(null===(i=ne.prerequisiteCollectionIds)||void 0===i?void 0:i.length)||ne.prerequisiteQuantity||ne.entitledQuantity?n.BUY_X_GET_Y:n.AMOUNT_OFF_PRODUCTS:n.AMOUNT_OFF_ORDER:(o=Object.assign(Object.assign({},o),{targetType:u.LINE_ITEM,targetSelection:p.ALL,valueType:v.FIXED_AMOUNT}),t=n.AMOUNT_OFF_ORDER)),{discountType:t,tempCouponData:o}},Qe=()=>{qe(a),Ue(s)},He=e=>{var i;const t={invalidDiscountCode:"Please add Discount Code",invalidCouponTitle:"Please add Discount Coupon Title",invalidCouponDescription:"Please add Coupon Description",inValidProbability:e.inValidProbability&&(null!==(i=ne.probability)&&void 0!==i?i:-1)>1?"Probability should not exceed 1":ne.isStaticCoupon?"Please add Probability":"Probability should be greater than 0",inValidDiscountAmount:"Please add Discount Amount",inValidMinimumAmount:"Specify minimum amount required",inValidMinimumQuantity:"Specify minimum items required",inValidCouponExpiry:"Please add Coupon Expiry",inValidProductSelection:"Please specify the products",inValidProductVariableSelection:"Please specify the product variables",inValidCollectionSelection:"Please specify the collections",inValidBuyXValue:"Please specify buy product quantity",inValidGetYValue:"Please specify get product quantity",inValidBuyXProductSelection:"Please specify the products",inValidBuyXCollectionSelection:"Please specify the collections",inValidGetYProductSelection:"Please specify the products",inValidGetYCollectionSelection:"Please specify the collections",inValidBuyXProductVariableSelection:"Please specify the product variables",inValidGetYProductVariableSelection:"Please specify the product variables"};let o="";Object.keys(e).forEach((i=>{e[i]&&(o=t[i])}));const n=Object.values(e).filter(Boolean).length;return n>0&&(ke(n>1?"Please add discount details":o),!0)},ze=()=>{if(!q.quadrant||!q.probability)return;const e=[...q.probability];let i=[];e.length>=q.quadrant&&e.splice(q.quadrant-1,1),i=e;const t=i.reduce(((e,i)=>e+i),0)+(ne.probability||0);return Ae(parseFloat(t.toFixed(4))),parseFloat(t.toFixed(4))},Ke=e=>{var i,t,o,l,r,d,a,s,c,C,m,b,y,P,h,I;const f=e.value;se(f),he([]),fe([]),Ee([]),Ve([]),f===n.FREE_SHIPPING?le({value:100,targetSelection:p.ALL,targetType:u.SHIPPING_LINE,valueType:v.PERCENTAGE,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(i=ne.expireAt)&&void 0!==i?i:void 0,expireAfter:null!==(t=ne.expireAfter)&&void 0!==t?t:void 0,probability:ne.probability,minQuantity:null!==(o=ne.minQuantity)&&void 0!==o?o:void 0,minAmount:null!==(l=ne.minAmount)&&void 0!==l?l:void 0}):f===n.BUY_X_GET_Y?le({value:100,targetSelection:p.ENTITLED,targetType:u.LINE_ITEM,valueType:v.PERCENTAGE,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(r=ne.expireAt)&&void 0!==r?r:void 0,expireAfter:null!==(d=ne.expireAfter)&&void 0!==d?d:void 0,probability:ne.probability,minQuantity:void 0,minAmount:void 0}):f===n.AMOUNT_OFF_ORDER?le({targetSelection:p.ALL,targetType:u.LINE_ITEM,valueType:null!==(a=ne.valueType)&&void 0!==a?a:v.FIXED_AMOUNT,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(s=ne.expireAt)&&void 0!==s?s:void 0,expireAfter:null!==(c=ne.expireAfter)&&void 0!==c?c:void 0,probability:ne.probability,value:ne.value,minQuantity:null!==(C=ne.minQuantity)&&void 0!==C?C:void 0,minAmount:null!==(m=ne.minAmount)&&void 0!==m?m:void 0}):f===n.AMOUNT_OFF_PRODUCTS&&le({targetSelection:p.ENTITLED,targetType:u.LINE_ITEM,valueType:null!==(b=ne.valueType)&&void 0!==b?b:v.FIXED_AMOUNT,quadrant:ne.quadrant,isStaticCoupon:!1,title:ne.title,expireAt:null!==(y=ne.expireAt)&&void 0!==y?y:void 0,expireAfter:null!==(P=ne.expireAfter)&&void 0!==P?P:void 0,probability:ne.probability,value:ne.value,minQuantity:null!==(h=ne.minQuantity)&&void 0!==h?h:void 0,minAmount:null!==(I=ne.minAmount)&&void 0!==I?I:void 0})},$e=i=>i&&e.jsx(f,{theme:"light",tagText:i,type:"negative",LeadingIcon:j});return e.jsxs(h,Object.assign({width:(te||J)&&q.newPickerConf?"25px":"640px",open:q.isOpen,hideCrossButton:!!ee,headingTitle:J?"Select Products":q.title,headingSubtitle:J?void 0:q.subTitle,footerLeftCustomElement:De?$e(De):q.errorMsg?$e(q.errorMsg):!q.quadrant||q.hideProbability?e.jsx(e.Fragment,{}):_e<=1?e.jsx(f,{theme:"light",tagText:`Current probability sum: ${_e}`,type:"white"}):e.jsx(T,Object.assign({body:"Probability sum should not exceed 1",placement:"top"},{children:e.jsx("div",{children:e.jsx(f,{style:{cursor:"pointer"},theme:"light",tagText:`Current probability sum: ${_e}`,type:"negative",LeadingIcon:g})})})),headerRightCustomElement:q.allowStaticCoupon||J?void 0:e.jsx(C,{options:Ye,width:"200px",placement:"bottom-start",size:"small",onSelect:e=>{Ke(e)}}),onClose:q.onClose,footerContainerStyle:{borderTop:`1px solid ${P.colorsV2.stroke.primary}`},primaryButton:J?{buttonType:"primary",onClick:()=>{W(void 0)},buttonText:"Add"}:te?{buttonType:"primary",onClick:()=>{oe(void 0)},buttonText:"Add"}:{buttonType:"primary",buttonText:"Create discount code",isLoading:null!==(X=q.loading)&&void 0!==X&&X,onClick:()=>{var e,i,t,o,a;if(Qe(),ne.isStaticCoupon){const{isStaticCoupon:e,couponCode:i,title:t,description:o,quadrant:n,probability:l}=ne,r={invalidDiscountCode:!i,invalidCouponTitle:!t,invalidCouponDescription:!o,inValidProbability:!q.hideProbability&&(null!=l?l:-1)<0||(null!=l?l:0)>1||Number.isNaN(null!=l?l:0)};if(He(r))return void qe(r);if(re||_e>1)return void ke(!q.hideProbability&&_e>1?"Probability sum should not exceed 1":"Invalid coupon details");q.onSaveClicked({quadrant:n,couponCode:i,description:o,isStaticCoupon:e,probability:l,title:ne.title})}else{const s={invalidCouponTitle:!ne.title,inValidProbability:!q.hideProbability&&(null!==(e=ne.probability)&&void 0!==e?e:-1)<=0||(null!==(i=ne.probability)&&void 0!==i?i:-1)>1||Number.isNaN(null!==(t=ne.probability)&&void 0!==t?t:-1),inValidDiscountAmount:!ne.value,inValidMinimumQuantity:!1,inValidMinimumAmount:!1,inValidCouponExpiry:!1,inValidProductSelection:!1,inValidProductVariableSelection:!1,inValidCollectionSelection:!1,inValidBuyXValue:!1,inValidGetYValue:!1,inValidBuyXProductSelection:!1,inValidGetYProductSelection:!1,inValidBuyXCollectionSelection:!1,inValidGetYCollectionSelection:!1,inValidBuyXProductVariableSelection:!1,inValidGetYProductVariableSelection:!1};if(ae!==n.BUY_X_GET_Y&&ce!==l.NA){const{minAmount:e,minQuantity:i}=ne;s.inValidMinimumAmount=ce===l.AMOUNT&&!e,s.inValidMinimumQuantity=ce===l.QUANTITY&&!i}if(we&&(s.inValidCouponExpiry=!ne.expireAt&&!ne.expireAfter),ae!==n.AMOUNT_OFF_ORDER&&ae!==n.AMOUNT_OFF_PRODUCTS||(pe!==r.SPECIFIC_PRODUCTS||!Ie||Object.keys(Ie).length||Oe||(s.inValidProductSelection=!0,s.inValidProductVariableSelection=!0),pe===r.SPECIFIC_COLLECTIONS&&xe&&!Object.keys(xe).length&&(s.inValidCollectionSelection=!0)),ae===n.BUY_X_GET_Y&&(ne.prerequisiteQuantity||(s.inValidBuyXValue=!0),ne.entitledQuantity||(s.inValidGetYValue=!0),Ce!==d.SPECIFIC_PRODUCTS||!Pe||Object.keys(Pe).length||ge||(s.inValidBuyXProductSelection=!0,s.inValidBuyXProductVariableSelection=!0),Ce===d.SPECIFIC_COLLECTIONS&&Te&&!Object.keys(Te).length&&(s.inValidBuyXCollectionSelection=!0),be!==d.SPECIFIC_PRODUCTS||!Ie||Object.keys(Ie).length||Oe||(s.inValidGetYProductSelection=!0,s.inValidGetYProductVariableSelection=!0),be===d.SPECIFIC_COLLECTIONS&&xe&&!Object.keys(xe).length&&(s.inValidGetYCollectionSelection=!0)),He(s))return void Ue(s);if(re||_e>1)return void ke(!q.hideProbability&&_e>1?"Probability sum should not exceed 1":"Invalid coupon details");q.onSaveClicked(Object.assign(Object.assign({},ne),{description:F(ne,q.currency,null!==(o=q.products)&&void 0!==o?o:[],null!==(a=q.collection)&&void 0!==a?a:[]),productsConf:{entitledProducts:null!=Ie?Ie:[],prerequisiteProducts:null!=Pe?Pe:[]},collectionsConf:{entitledCollections:null!=xe?xe:[],prerequisiteCollections:null!=Te?Te:[]},productVariableConf:{entitledProductVariable:null!=Oe?Oe:{},prerequisiteProductVariable:null!=ge?ge:{}}}))}}},secondaryButton:J?{buttonType:"tertiaryGray",onClick:()=>{W(void 0)},buttonText:"Back"}:te?{buttonType:"tertiaryGray",onClick:()=>{oe(void 0)},buttonText:"Back"}:{buttonType:"tertiaryGray",onClick:q.onClose,buttonText:"Cancel"}},{children:[!J&&!te&&e.jsxs(A,{children:[q.allowStaticCoupon&&!J&&e.jsxs(D,Object.assign({selectedDiv:ne.isStaticCoupon?1:2},{children:["static"===q.hideOption?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"coupon-type__container",onClick:()=>{ne.isStaticCoupon||(le({isStaticCoupon:!0,quadrant:ne.quadrant}),ke(""),Qe())}},{children:[e.jsx(m,Object.assign({style:{marginBottom:"4px",color:ne.isStaticCoupon?P.colorsV2.content.brand:void 0}},{children:"Static Code"})),e.jsx(b,Object.assign({style:ne.isStaticCoupon?{color:P.colorsV2.content.brand}:{}},{children:"A uniform code provided manually, used for providing the same discount to all customers."}))]})),"dynamic"===q.hideOption?e.jsx(e.Fragment,{}):e.jsxs("div",Object.assign({className:"coupon-type__container",onClick:()=>{var i;ne.isStaticCoupon&&(se(n.AMOUNT_OFF_ORDER),le({isStaticCoupon:!1,quadrant:ne.quadrant,targetType:u.LINE_ITEM,targetSelection:p.ALL,valueType:v.FIXED_AMOUNT}),ke(""),Qe(),Fe({id:"0",label:"Amount",value:"amount",icon:i=>e.jsx("span",Object.assign({style:{fontSize:20,color:i}},{children:q.currency||""}))}),Re(null!==(i=q.makeExpiryMandatory)&&void 0!==i&&i),ue(l.NA))}},{children:[e.jsx(m,Object.assign({style:{marginBottom:"4px",color:ne.isStaticCoupon?void 0:P.colorsV2.content.brand}},{children:"Dynamic Code"})),e.jsx(b,Object.assign({style:ne.isStaticCoupon?{}:{color:P.colorsV2.content.brand}},{children:"Code will be unique for all customers, with the first 5 letters of the customer's name, followed by 10 random characters."}))]}))]})),e.jsx(y,Object.assign({style:{marginTop:"24px"}},{children:"Coupon Details"})),ne.isStaticCoupon&&!J&&e.jsx(M,{discountData:ne,setDiscountData:le,hideProbability:q.hideProbability||!1,discountAdminUrl:q.discountAdminUrl,staticDiscountValidationError:Me,currency:q.currency}),!ne.isStaticCoupon&&!J&&!te&&e.jsx(w,{currency:q.currency,entitledProducts:null!=Ie?Ie:[],prerequisiteProducts:null!=Pe?Pe:[],setEntitledProducts:fe,setPrerequisiteProducts:he,discountData:ne,productPickerOpen:J,productVariablePickerOpen:ee,setIsProductPickerOpen:W,setIsProductVariablePickerOpen:ie,setDiscountData:le,selectedCouponType:ae,setSelectedCouponType:se,selectedMinimumRequirement:ce,setSelectedMinimumRequirement:ue,discountCouponAppliesTo:pe,offerAppliesToBuy:Ce,offerAppliesToGet:be,setDiscountCouponAppliesTo:ve,setOfferAppliesToBuy:me,setOfferAppliesToGet:ye,hideProbability:q.hideProbability||!1,hideExpiration:q.hideExpiration||!1,allowStaticCoupon:q.allowStaticCoupon,onChangeCouponType:Ke,collectionPickerOpen:te,entitledCollections:null!=xe?xe:[],prerequisiteCollections:null!=Te?Te:[],setIsCollectionPickerOpen:oe,setEntitledCollections:Ve,setPrerequisiteCollections:Ee,useNewPicker:!!q.newPickerConf,setSelectedDiscountDetails:Fe,selectedDiscountDetails:Ne,isProductVariableSupported:q.isProductVariableSupported,entitledProductVariable:Oe,setEntitledProductVariable:Se,preRequisiteProductVariable:ge,setPreRequisiteProductVariable:je,productVariableList:q.productVariableList,isAddExpirationChecked:we,setIsAddExpirationChecked:Re,dynamicDiscountValidationError:Le,setDynamicDiscountValidationError:Ue,setValidationErrorMessage:ke,resetValidationErrors:Qe,discountDetailsOptions:Z,selectedExpiration:Be,setSelectedExpiration:Ge,makeExpiryMandatory:!!q.makeExpiryMandatory})]}),!!J&&e.jsxs(e.Fragment,{children:[!q.newPickerConf&&e.jsx("div",Object.assign({style:{padding:"12px 0"}},{children:e.jsx(I,{show:!0,onSave:()=>{},products:null!==(Q=q.products)&&void 0!==Q?Q:[],title:"Select Products",onClose:()=>{W(void 0)},selectedProducts:null!==(H=J===R.ENTITLED?Ie:Pe)&&void 0!==H?H:[],setSelectedProducts:J===R.ENTITLED?fe:he,onSearchKeyChange:q.onProductSearch})})),q.newPickerConf&&e.jsx(x,{visible:!0,onClose:()=>W(void 0),collectionFetcher:(e,i,t)=>{var o;return(null===(o=q.newPickerConf)||void 0===o?void 0:o.fetchCollections)?q.newPickerConf.fetchCollections(e,i,!1,t):null},productFetcher:(e,i,t,o,n)=>{var l;return(null===(l=q.newPickerConf)||void 0===l?void 0:l.fetchProducts)?q.newPickerConf.fetchProducts(e,i,o,n,!1,t):null},selectedItems:J===R.ENTITLED?Ie:Pe,onAdd:e=>{J===R.ENTITLED?fe(e):he(e),W(void 0)},zIndex:200,storeId:q.newPickerConf.storeId,appType:q.newPickerConf.appType||i.BIK,searchInCollectionFetcher:(e,i,t,o)=>{var n;return(null===(n=q.newPickerConf)||void 0===n?void 0:n.searchInCollection)?q.newPickerConf.searchInCollection(e,i,t,!1,o):null},customCollectionRestriction:!1,searchFetcher:(e,i,t)=>{var o;return(null===(o=q.newPickerConf)||void 0===o?void 0:o.searchProducts)?q.newPickerConf.searchProducts(e,i,!1,t):null},hideCollectionCheckbox:!0,hideVariantCheckbox:!0,selectProductsFromCustomCollection:!0,hideSelectionCount:!0})]}),!!te&&e.jsx("div",Object.assign({style:{padding:"12px 0"}},{children:e.jsxs(e.Fragment,{children:[q.newPickerConf&&e.jsx(x,{visible:!0,onClose:()=>oe(void 0),collectionFetcher:q.newPickerConf.fetchCollections,productFetcher:q.newPickerConf.fetchProducts,selectedItems:te===R.ENTITLED?xe:Te,onAdd:e=>{Object.values(e).forEach((e=>{e.products&&delete e.products})),te===R.ENTITLED?Ve(e):Ee(e),oe(void 0)},customCollectionRestriction:!1,zIndex:200,storeId:q.newPickerConf.storeId,appType:q.newPickerConf.appType||i.BIK,searchInCollectionFetcher:q.newPickerConf.searchInCollection,searchFetcher:q.newPickerConf.searchProducts,hideProductCheckbox:!0,hideVariantCheckbox:!0,title:"Select Collections",hideGlobalSearch:!0,hideSelectionCount:!0}),!q.newPickerConf&&e.jsx(I,{show:!0,onSave:()=>{},products:null!==(z=q.collection)&&void 0!==z?z:[],title:"Select Products",onClose:()=>{oe(void 0)},selectedProducts:null!==(K=te===R.ENTITLED?xe:Te)&&void 0!==K?K:[],setSelectedProducts:te===R.ENTITLED?Ve:Ee,onSearchKeyChange:q.onCollectionSearch,searchPlaceholder:"Search collections..."})]})})),ee&&e.jsx(k,{children:e.jsx("div",Object.assign({style:{width:"50%",height:"100%",marginLeft:"50%"}},{children:e.jsx(_,{type:V.EMBEDDED,data:null!==($=q.productVariableList)&&void 0!==$?$:[],showHeader:!0,onSelect:e=>{if(ee===R.ENTITLED){const{displayName:i,actualValue:t,isAvailable:o}=e;Se({displayName:i,actualValue:t,isAvailable:o}),ie(void 0)}if(ee===R.PREREQUISITE){const{displayName:i,actualValue:t,isAvailable:o}=e;je({displayName:i,actualValue:t,isAvailable:o}),ie(void 0)}},onClose:()=>{ie(void 0)}})}))})]}))};export{q as DiscountModal};
|
|
@@ -46,9 +46,6 @@ interface DynamicCouponI {
|
|
|
46
46
|
onChangeCouponType: (option: SingleOption) => void;
|
|
47
47
|
hideExpiration?: boolean;
|
|
48
48
|
hideProbability?: boolean;
|
|
49
|
-
hideCouponTitle?: boolean;
|
|
50
|
-
hideExpirationTypeDropdown?: boolean;
|
|
51
|
-
noTopMargin?: boolean;
|
|
52
49
|
allowStaticCoupon: boolean;
|
|
53
50
|
currency?: string;
|
|
54
51
|
useNewPicker?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../../_virtual/_tslib.js";import{j as i}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/info.svg.js";import{Alert as o}from"../../alerts/Alert.js";import{ALERT_TYPES as s,CONTENT_POSITION as n}from"../../alerts/AlertHelper.js";import{Button as l}from"../../button/Button.js";import{CheckBox as r}from"../../checkBox/CheckBox.js";import{DISCOUNT_APPLIES_TO as a,OFFER_APPLIES_TO as d,DISCOUNT_TYPES as c,COUPON_EXPIRATION as u,DISCOUNT_VALUE_TYPES as p,DISCOUNT_TARGET_TYPES as m,DISCOUNT_TARGET_SELECTION as C}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as E}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as v,TitleRegular as j,TitleSmall as x}from"../../TypographyStyle.js";import{DEFAULT_THEME as D}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as b}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import{RadioButton as T}from"../../radioButton/RadioButton.js";import h from"../../../assets/icons/cubeIcon.svg.js";import y from"../../../assets/icons/delete.svg.js";import O from"../../../assets/icons/edit.svg.js";import P from"../../../assets/icons/plus.svg.js";import{CouponExpiration as I}from"../CouponExpiration/CouponExpiration.js";import{DynamicCouponContainer as V}from"../DiscountModal.styled.js";import{DiscountOptionsContainer as S,DiscountDetailsOption as f,AddProductButtonsContainer as R,ProductCollectionCard as _,CubeIconContainer as N,IconContainer as A,ProductVariableCard as F}from"./DynamicCoupon.styled.js";import w from"./MinimumRequirementComponent.js";import L from"./ZeroState.js";var q;!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(q||(q={}));const k=k=>{var U,B,M,G,Q,Y,X,$;const W=[{selected:k.discountCouponAppliesTo===a.ENTIRE_ORDER,label:"Entire Order",value:a.ENTIRE_ORDER},{selected:k.discountCouponAppliesTo===a.SPECIFIC_PRODUCTS,label:"Specific Product",value:a.SPECIFIC_PRODUCTS},{selected:k.discountCouponAppliesTo===a.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:a.SPECIFIC_COLLECTIONS}],z=[{selected:k.offerAppliesToBuy===d.SPECIFIC_PRODUCTS,label:"Specific Product",value:d.SPECIFIC_PRODUCTS},{selected:k.offerAppliesToBuy===d.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:d.SPECIFIC_COLLECTIONS}],Z=[{selected:k.offerAppliesToGet===d.SPECIFIC_PRODUCTS,label:"Specific Product",value:d.SPECIFIC_PRODUCTS},{selected:k.offerAppliesToGet===d.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:d.SPECIFIC_COLLECTIONS}],H=(e,r,d)=>{var c,u,p,m,C,E,j,b,T,I,V,S;let f=[],w=[],L={},U={};k.useNewPicker?(L=r===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,U=null!==(c=r===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==c?c:[],(null==L?void 0:L.isCustom)&&delete L.isCustom,(null==U?void 0:U.isCustom)&&delete U.isCustom,Object.values(L).forEach((e=>{Object.keys(e.products).forEach((i=>{f.push({id:i,name:e.products[i].name,image:e.products[i].image})}))})),Object.keys(U).forEach((e=>{"isCustom"!==e&&w.push({id:e,name:U[e].name,image:U[e].image})}))):(f=r===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,w=null!==(u=r===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==u?u:[]);const B=[null===(p=k.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidProductSelection,null===(m=k.dynamicDiscountValidationError)||void 0===m?void 0:m.inValidProductVariableSelection,null===(C=k.dynamicDiscountValidationError)||void 0===C?void 0:C.inValidCollectionSelection],M=[null===(E=k.dynamicDiscountValidationError)||void 0===E?void 0:E.inValidBuyXCollectionSelection,null===(j=k.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidBuyXProductSelection,null===(b=k.dynamicDiscountValidationError)||void 0===b?void 0:b.inValidBuyXProductVariableSelection],G=[null===(T=k.dynamicDiscountValidationError)||void 0===T?void 0:T.inValidGetYCollectionSelection,null===(I=k.dynamicDiscountValidationError)||void 0===I?void 0:I.inValidGetYProductSelection,null===(V=k.dynamicDiscountValidationError)||void 0===V?void 0:V.inValidGetYProductVariableSelection];let Q=!1;return"couponAppliesTo"===d&&(Q=B.some(Boolean)),"buyX"===d&&(Q=M.some(Boolean)),"getY"===d&&(Q=G.some(Boolean)),i.jsxs(i.Fragment,{children:[i.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[e===a.SPECIFIC_PRODUCTS&&0===f.length&&(r===q.ENTITLED&&!k.entitledProductVariable||r===q.PREREQUISITE&&!k.preRequisiteProductVariable)&&!(null==w?void 0:w.length)&&i.jsxs(R,{children:[i.jsx("div",Object.assign({style:{width:k.isProductVariableSupported?"284px":"300px",display:"flex"}},{children:i.jsx(l,{buttonText:"Add Product(s)",buttonType:"dashRegular",LeadingIcon:P,matchParentWidth:!0,onClick:()=>{k.setIsProductPickerOpen(r)},error:Q})})),k.isProductVariableSupported&&k.productVariableList&&i.jsxs(i.Fragment,{children:[i.jsx(v,Object.assign({color:D.colorsV2.content.placeholder},{children:"OR"})),i.jsx(l,{buttonText:"Add Product(s) Variable",buttonType:"dashRegular",LeadingIcon:P,matchParentWidth:!0,onClick:()=>{k.setIsProductVariablePickerOpen(r)},error:Q})]})]}),e===a.SPECIFIC_COLLECTIONS&&0===w.length&&!(null==f?void 0:f.length)&&i.jsx("div",Object.assign({style:{width:"300px",display:"flex"}},{children:i.jsx(l,{buttonText:"Add collection(s)",buttonType:"dashRegular",LeadingIcon:P,matchParentWidth:!0,onClick:()=>{k.setIsCollectionPickerOpen(r)},style:{marginTop:"16px"},error:Q})}))]})),Q&&i.jsx("div",Object.assign({style:{margin:"8px 0 0"}},{children:i.jsx(o,{type:s.NEGATIVE,text:"Required Field",contentPosition:n.START,icon:()=>i.jsx(t,{width:16,height:16,color:D.colorsV2.content.negative})})})),f.length||w.length?i.jsxs("div",{children:[i.jsx(v,Object.assign({style:{margin:"8px 0"}},{children:e===a.SPECIFIC_COLLECTIONS?"Collection(s)":"Product(s)"})),i.jsxs(_,{children:[i.jsx(N,{children:i.jsx(h,{width:20,height:20,color:D.colorsV2.content.secondary})}),i.jsxs(x,{children:[e===a.SPECIFIC_PRODUCTS?f.length:w.length," ",e===a.SPECIFIC_PRODUCTS?"Product(s)":"Collection(s)"," ","added"]}),i.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[i.jsx(A,Object.assign({onClick:()=>{e===a.SPECIFIC_PRODUCTS?k.setIsProductPickerOpen(r):k.setIsCollectionPickerOpen(r)}},{children:i.jsx(O,{width:24,height:24,color:D.colorsV2.content.placeholder})})),i.jsx(A,Object.assign({onClick:()=>{e===a.SPECIFIC_PRODUCTS?r===q.ENTITLED?k.setEntitledProducts([]):k.setPrerequisiteProducts([]):r===q.ENTITLED?k.setEntitledCollections([]):k.setPrerequisiteCollections([])}},{children:i.jsx(y,{width:24,height:24,color:D.colorsV2.content.placeholder})}))]}))]})]}):r===q.ENTITLED&&k.entitledProductVariable?i.jsxs("div",{children:[i.jsx(v,Object.assign({style:{margin:"16px 0 8px"}},{children:"Product Variable"})),i.jsxs(F,{children:[i.jsx(x,{children:k.entitledProductVariable.displayName}),i.jsx("div",Object.assign({style:{display:"flex",gap:4}},{children:i.jsx(A,Object.assign({onClick:()=>{k.setEntitledProductVariable(void 0)}},{children:i.jsx(g,{width:24,height:24,color:D.colorsV2.content.primary})}))}))]})]}):r===q.PREREQUISITE&&(null===(S=k.preRequisiteProductVariable)||void 0===S?void 0:S.displayName)?i.jsxs("div",{children:[i.jsx(v,Object.assign({style:{margin:"16px 0 8px"}},{children:"Product Variable"})),i.jsxs(F,{children:[i.jsx(x,{children:k.preRequisiteProductVariable.displayName}),i.jsx("div",Object.assign({style:{display:"flex",gap:4}},{children:i.jsx(A,Object.assign({onClick:()=>{k.setPreRequisiteProductVariable(void 0)}},{children:i.jsx(g,{width:24,height:24,color:D.colorsV2.content.primary})}))}))]})]}):i.jsx(i.Fragment,{children:" "})]})},J=(e,t)=>{var o,s,n,l,r,c,u,p,m,C;let j=[],D=[],g={},T={};k.useNewPicker?(g=e===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,T=null!==(o=e===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==o?o:[],(null==g?void 0:g.isCustom)&&delete g.isCustom,(null==T?void 0:T.isCustom)&&delete T.isCustom,Object.values(g).forEach((e=>{Object.keys(e.products).forEach((i=>{j.push({id:i,name:e.products[i].name,image:e.products[i].image})}))})),Object.keys(T).forEach((e=>{"isCustom"!==e&&D.push({id:e,name:T[e].name,image:T[e].image})}))):(j=e===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,D=null!==(s=e===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==s?s:[]);const h=e===q.PREREQUISITE?k.offerAppliesToBuy:k.offerAppliesToGet,y=e===q.PREREQUISITE?q.PREREQUISITE:q.ENTITLED,O=h===d.SPECIFIC_PRODUCTS?a.SPECIFIC_PRODUCTS:a.SPECIFIC_COLLECTIONS;return i.jsxs("div",{children:[i.jsx(x,Object.assign({style:{marginBottom:16}},{children:e===q.PREREQUISITE?"Customer buys":"Customer gets"})),i.jsxs("div",Object.assign({style:{display:"flex"}},{children:[!t&&i.jsx("div",{children:i.jsxs("div",Object.assign({className:"input__rows"},{children:[i.jsx("div",Object.assign({className:"input__wrapper"},{children:i.jsx(b,{value:e===q.ENTITLED?null!==(l=null===(n=k.discountData.entitledQuantity)||void 0===n?void 0:n.toString())&&void 0!==l?l:"":null!==(c=null===(r=k.discountData.prerequisiteQuantity)||void 0===r?void 0:r.toString())&&void 0!==c?c:"",type:"number",onChangeText:i=>{e===q.ENTITLED?k.setDiscountData(Object.assign(Object.assign({},k.discountData),{entitledQuantity:parseInt(i)})):k.setDiscountData(Object.assign(Object.assign({},k.discountData),{prerequisiteQuantity:parseInt(i)}))},labelText:"Quantity of products",placeholder:"Eg. 2",width:"300px",errorMessage:e===q.PREREQUISITE&&(null===(u=k.dynamicDiscountValidationError)||void 0===u?void 0:u.inValidBuyXValue)||e===q.ENTITLED&&(null===(p=k.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidGetYValue)?"Required Field":"",state:e===q.PREREQUISITE&&(null===(m=k.dynamicDiscountValidationError)||void 0===m?void 0:m.inValidBuyXValue)||e===q.ENTITLED&&(null===(C=k.dynamicDiscountValidationError)||void 0===C?void 0:C.inValidGetYValue)?"invalid":"none"})})),i.jsx("div",{className:"input__wrapper"})]}))}),i.jsxs("div",{children:[i.jsx(v,Object.assign({style:{marginBottom:8}},{children:"Any items from"})),e===q.PREREQUISITE&&i.jsx(E,{width:"244px",options:z,placement:"bottom-start",onSelect:e=>{var i,t,o;k.setOfferAppliesToBuy(e.value),k.setPrerequisiteProducts([]),k.setPrerequisiteCollections([]),k.setPreRequisiteProductVariable(void 0),k.setDynamicDiscountValidationError((e=>Object.assign(Object.assign({},e),{inValidBuyXCollectionSelection:!1,inValidBuyXProductSelection:!1,inValidBuyXProductVariableSelection:!1}))),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{prerequisiteCollectionIds:[],prerequisiteProductIds:[],collectionsConf:{entitledCollections:null===(i=k.discountData.collectionsConf)||void 0===i?void 0:i.entitledCollections,prerequisiteCollections:{}},productsConf:{entitledProducts:null===(t=k.discountData.productsConf)||void 0===t?void 0:t.entitledProducts,prerequisiteProducts:{}},productVariableConf:{entitledProductVariable:null===(o=k.discountData.productVariableConf)||void 0===o?void 0:o.entitledProductVariable,prerequisiteProductVariable:{}}}))}}),e===q.ENTITLED&&i.jsx(E,{width:"244px",options:Z,placement:"bottom-start",onSelect:e=>{var i,t,o;k.setOfferAppliesToGet(e.value),k.setEntitledProducts([]),k.setEntitledCollections([]),k.setEntitledProductVariable(void 0),k.setDynamicDiscountValidationError((e=>Object.assign(Object.assign({},e),{inValidGetYCollectionSelection:!1,inValidGetYProductSelection:!1,inValidGetYProductVariableSelection:!1}))),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{entitledCollectionIds:[],entitledProductIds:[],collectionsConf:{entitledCollections:{},prerequisiteCollections:null===(i=k.discountData.collectionsConf)||void 0===i?void 0:i.prerequisiteCollections},productsConf:{entitledProducts:{},prerequisiteProducts:null===(t=k.discountData.productsConf)||void 0===t?void 0:t.prerequisiteProducts},productVariableConf:{entitledProductVariable:{},prerequisiteProductVariable:null===(o=k.discountData.productVariableConf)||void 0===o?void 0:o.prerequisiteProductVariable}}))}})]})]})),H(O,y,e===q.PREREQUISITE?"buyX":"getY")]})};return i.jsxs(V,Object.assign({style:k.noTopMargin?{marginTop:0}:{}},{children:[i.jsxs("div",{children:[i.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[!k.hideCouponTitle&&i.jsx("div",Object.assign({className:"input__wrapper"},{children:i.jsx(b,{value:null!==(U=k.discountData.title)&&void 0!==U?U:"",onChangeText:e=>{var i;k.setDiscountData(Object.assign(Object.assign({},k.discountData),{title:null!==(i=null==e?void 0:e.trim())&&void 0!==i?i:""}))},maxCharLimit:30,labelText:"Discount Coupon Title",placeholder:`Eg. “Flat ${null!==(B=k.currency)&&void 0!==B?B:""} 15 Off”`,hintText:"Will be same for everyone. Can’t be changed later",width:"300px",isRequired:!0,errorMessage:(null===(M=k.dynamicDiscountValidationError)||void 0===M?void 0:M.invalidCouponTitle)?"Required Field":"",state:(null===(G=k.dynamicDiscountValidationError)||void 0===G?void 0:G.invalidCouponTitle)?"invalid":"none"})})),!k.hideProbability&&i.jsx(b,{value:null!==(Y=null===(Q=k.discountData.probability)||void 0===Q?void 0:Q.toString())&&void 0!==Y?Y:"",type:"number",onChangeText:e=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability of getting coupon ",hintText:"Enter a decimal value between 0-1",placeholder:"Eg. 0.5",maxCharLimit:4,width:"300px",isRequired:!0,errorMessage:(null===(X=k.dynamicDiscountValidationError)||void 0===X?void 0:X.inValidProbability)?"Required Field":"",state:(null===($=k.dynamicDiscountValidationError)||void 0===$?void 0:$.inValidProbability)?"invalid":"none"})]})),i.jsx("div",{style:{height:"1px",width:"100%",background:D.colorsV2.stroke.primary,margin:"24px 0 8px"}})]}),k.allowStaticCoupon&&i.jsx((()=>i.jsxs("div",{children:[i.jsx(j,{children:"Discount Details"}),i.jsx(S,{children:k.discountDetailsOptions.map((t=>{return i.jsxs(f,Object.assign({selected:k.selectedDiscountDetails.id===t.id,onClick:()=>(i=>{if(k.selectedDiscountDetails.id!==i.id)if(k.resetValidationErrors(),k.setValidationErrorMessage(""),k.setDiscountCouponAppliesTo(a.ENTIRE_ORDER),k.setSelectedDiscountDetails(i),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:void 0})),k.setPreRequisiteProductVariable(void 0),k.setEntitledProductVariable(void 0),["percentage","amount"].includes(i.value)){k.onChangeCouponType({label:"Amount off on order",selected:!0,value:c.AMOUNT_OFF_ORDER});const t=Object.assign(Object.assign({},k.discountData),{valueType:"percentage"===i.value?p.PERCENTAGE:p.FIXED_AMOUNT,value:void 0,targetType:m.LINE_ITEM,targetSelection:C.ALL,entitledCollectionIds:[],entitledProductIds:[],prerequisiteCollectionIds:[],prerequisiteProductIds:[],collectionsConf:{entitledCollections:{},prerequisiteCollections:{}},productsConf:{entitledProducts:{},prerequisiteProducts:{}},productVariableConf:{entitledProductVariable:{},prerequisiteProductVariable:{}}}),o=e(t,["entitledQuantity","prerequisiteQuantity"]);k.setDiscountData(o)}else k.onChangeCouponType({label:i.label,selected:!0,value:i.value})})(t)},{children:[t.icon((o=t.id,k.selectedDiscountDetails.id===o?D.colorsV2.stroke.brand:D.colorsV2.text.secondary)),t.label]}),t.id);var o}))})]})),{}),(k.selectedCouponType===c.AMOUNT_OFF_ORDER||k.selectedCouponType===c.AMOUNT_OFF_PRODUCTS)&&(()=>{var e,t,o,s,n,l;return i.jsxs(i.Fragment,{children:[i.jsx("div",Object.assign({className:"input__rows"},{children:i.jsx("div",Object.assign({className:"input__wrapper"},{children:i.jsx(b,{value:null!==(o=null===(t=null===(e=k.discountData)||void 0===e?void 0:e.value)||void 0===t?void 0:t.toString())&&void 0!==o?o:"",labelText:"Discount amount",type:"number",width:"300px",onChangeText:e=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:parseInt(e)}))},placeholder:"15",prefixText:k.discountData.valueType===p.FIXED_AMOUNT?null!==(s=k.currency)&&void 0!==s?s:"":void 0,suffixText:k.discountData.valueType===p.PERCENTAGE?"%":void 0,errorMessage:(null===(n=k.dynamicDiscountValidationError)||void 0===n?void 0:n.inValidDiscountAmount)?"Required Field":"",state:(null===(l=k.dynamicDiscountValidationError)||void 0===l?void 0:l.inValidDiscountAmount)?"invalid":"none"})}))})),i.jsx("div",Object.assign({style:{paddingTop:"24px",marginTop:16,borderTop:`1px solid ${D.colorsV2.stroke.primary}`}},{children:i.jsxs("div",Object.assign({className:"input__wrapper"},{children:[i.jsx(j,Object.assign({style:{marginBottom:10}},{children:"Applies to"})),i.jsx("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:i.jsx(E,{width:"300px",options:W,placement:"bottom-start",onSelect:e=>{const i="value"in e&&e.value===a.ENTIRE_ORDER?{label:"Amount off on order",selected:!0,value:c.AMOUNT_OFF_ORDER}:{label:"Amount off on products",selected:!0,value:c.AMOUNT_OFF_PRODUCTS};k.onChangeCouponType(i),k.setDiscountCouponAppliesTo(e.value),k.setEntitledProductVariable(void 0),k.setDynamicDiscountValidationError((e=>Object.assign(Object.assign({},e),{inValidProductVariableSelection:!1,inValidProductSelection:!1,inValidCollectionSelection:!1})))}})})),(k.discountCouponAppliesTo===a.SPECIFIC_PRODUCTS||k.discountCouponAppliesTo===a.SPECIFIC_COLLECTIONS)&&H(k.discountCouponAppliesTo,q.ENTITLED,"couponAppliesTo")]}))}))]})})(),k.selectedCouponType===c.BUY_X_GET_Y&&(()=>{var e,t,o,s,n;return i.jsxs(V,Object.assign({style:{border:`1px solid ${D.colorsV2.stroke.primary}`,padding:"16px",borderRadius:"4px",margin:0}},{children:[J(q.PREREQUISITE),i.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:D.colorsV2.stroke.primary,margin:"8px 0"}}),J(q.ENTITLED),i.jsx(v,Object.assign({style:{marginTop:"8px"}},{children:"At a discounted value"})),i.jsx("div",{children:i.jsx(T,{label:"Free",isActive:100===k.discountData.value,onValueChange:e=>{e?k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:100})):k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:void 0}))}})}),i.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column"}},{children:[i.jsx(T,{label:"Percentage off",isActive:100!==k.discountData.value,onValueChange:()=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:void 0}))}}),100!==k.discountData.value&&i.jsx("div",Object.assign({style:{marginTop:8}},{children:i.jsx(b,{value:null!==(o=null===(t=null===(e=k.discountData)||void 0===e?void 0:e.value)||void 0===t?void 0:t.toString())&&void 0!==o?o:"",onChangeText:e=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:parseInt(e)}))},type:"number",placeholder:"Eg. 50",suffixText:"%",width:"300px",errorMessage:(null===(s=k.dynamicDiscountValidationError)||void 0===s?void 0:s.inValidDiscountAmount)?"Required Field":"",state:(null===(n=k.dynamicDiscountValidationError)||void 0===n?void 0:n.inValidDiscountAmount)?"invalid":"none"})}))]}))]}))})(),!k.selectedCouponType&&i.jsx(L,{}),k.allowStaticCoupon&&k.selectedCouponType!==c.BUY_X_GET_Y&&i.jsx("div",Object.assign({style:{padding:"24px 0 16px",marginTop:16,borderTop:`1px solid ${D.colorsV2.stroke.primary}`}},{children:i.jsx(w,{selectedMinimumRequirement:k.selectedMinimumRequirement,setSelectedMinimumRequirement:k.setSelectedMinimumRequirement,discountData:k.discountData,setDiscountData:k.setDiscountData,currency:k.currency,dynamicDiscountValidationError:k.dynamicDiscountValidationError})})),k.selectedCouponType&&!k.hideExpiration&&i.jsxs("div",Object.assign({style:{padding:k.selectedCouponType!==c.BUY_X_GET_Y?"24px 0 16px":"8px 0",borderTop:k.selectedCouponType!==c.BUY_X_GET_Y?`1px solid ${D.colorsV2.stroke.primary}`:"none"}},{children:[i.jsx(r,{label:"Add expiration",isDisabled:!!k.makeExpiryMandatory,isChecked:k.isAddExpirationChecked,onValueChange:e=>{k.setIsAddExpirationChecked(e),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{expireAfter:void 0,expireAt:void 0})),k.setSelectedExpiration(u.DYNAMIC_EXPIRATION)},boldOnChecked:!0,labelSize:"DEFAULT"}),i.jsx(v,Object.assign({style:{color:D.colorsV2.text.secondary,marginLeft:28}},{children:"Make coupon only valid till a certain time"})),k.isAddExpirationChecked&&i.jsx(I,{discountData:k.discountData,setDiscountData:k.setDiscountData,isAddExpirationChecked:k.isAddExpirationChecked,inValidCouponExpiry:k.dynamicDiscountValidationError.inValidCouponExpiry,selectedExpiration:k.selectedExpiration,setSelectedExpiration:k.setSelectedExpiration,hideExpirationTypeDropdown:k.hideExpirationTypeDropdown})]}))]}))};export{q as DISCOUNT_PRODUCTS,k as default};
|
|
1
|
+
import{__rest as e}from"../../../_virtual/_tslib.js";import{j as i}from"../../../node_modules/react/jsx-runtime.js";import t from"../../../assets/icons/info.svg.js";import{Alert as o}from"../../alerts/Alert.js";import{ALERT_TYPES as s,CONTENT_POSITION as n}from"../../alerts/AlertHelper.js";import{Button as l}from"../../button/Button.js";import{CheckBox as r}from"../../checkBox/CheckBox.js";import{DISCOUNT_APPLIES_TO as a,OFFER_APPLIES_TO as d,DISCOUNT_TYPES as c,COUPON_EXPIRATION as u,DISCOUNT_VALUE_TYPES as p,DISCOUNT_TARGET_TYPES as m,DISCOUNT_TARGET_SELECTION as C}from"../type.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as v}from"../../dropdown/Dropdown.js";import"../../dropdown/ChipDropdown.js";import"react";import"../../zeroState/ZeroState.js";import{BodySecondary as E,TitleRegular as j,TitleSmall as x}from"../../TypographyStyle.js";import{DEFAULT_THEME as D}from"../../../constants/Theme.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../icon-button/IconButton.js";import{Input as b}from"../../input/Input.js";import g from"../../../assets/icons/cross.svg.js";import"../../dropdown/MenuItem/MenuItem.js";import{RadioButton as T}from"../../radioButton/RadioButton.js";import h from"../../../assets/icons/cubeIcon.svg.js";import y from"../../../assets/icons/delete.svg.js";import O from"../../../assets/icons/edit.svg.js";import P from"../../../assets/icons/plus.svg.js";import{CouponExpiration as I}from"../CouponExpiration/CouponExpiration.js";import{DynamicCouponContainer as V}from"../DiscountModal.styled.js";import{DiscountOptionsContainer as S,DiscountDetailsOption as f,AddProductButtonsContainer as R,ProductCollectionCard as _,CubeIconContainer as N,IconContainer as A,ProductVariableCard as F}from"./DynamicCoupon.styled.js";import L from"./MinimumRequirementComponent.js";import w from"./ZeroState.js";var q;!function(e){e.ENTITLED="entitled",e.PREREQUISITE="prerequisite"}(q||(q={}));const k=k=>{var U,B,M,G,Q,Y,X,$;const W=[{selected:k.discountCouponAppliesTo===a.ENTIRE_ORDER,label:"Entire Order",value:a.ENTIRE_ORDER},{selected:k.discountCouponAppliesTo===a.SPECIFIC_PRODUCTS,label:"Specific Product",value:a.SPECIFIC_PRODUCTS},{selected:k.discountCouponAppliesTo===a.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:a.SPECIFIC_COLLECTIONS}],z=[{selected:k.offerAppliesToBuy===d.SPECIFIC_PRODUCTS,label:"Specific Product",value:d.SPECIFIC_PRODUCTS},{selected:k.offerAppliesToBuy===d.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:d.SPECIFIC_COLLECTIONS}],Z=[{selected:k.offerAppliesToGet===d.SPECIFIC_PRODUCTS,label:"Specific Product",value:d.SPECIFIC_PRODUCTS},{selected:k.offerAppliesToGet===d.SPECIFIC_COLLECTIONS,label:"Specific Collections",value:d.SPECIFIC_COLLECTIONS}],H=(e,r,d)=>{var c,u,p,m,C,v,j,b,T,I,V,S;let f=[],L=[],w={},U={};k.useNewPicker?(w=r===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,U=null!==(c=r===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==c?c:[],(null==w?void 0:w.isCustom)&&delete w.isCustom,(null==U?void 0:U.isCustom)&&delete U.isCustom,Object.values(w).forEach((e=>{Object.keys(e.products).forEach((i=>{f.push({id:i,name:e.products[i].name,image:e.products[i].image})}))})),Object.keys(U).forEach((e=>{"isCustom"!==e&&L.push({id:e,name:U[e].name,image:U[e].image})}))):(f=r===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,L=null!==(u=r===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==u?u:[]);const B=[null===(p=k.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidProductSelection,null===(m=k.dynamicDiscountValidationError)||void 0===m?void 0:m.inValidProductVariableSelection,null===(C=k.dynamicDiscountValidationError)||void 0===C?void 0:C.inValidCollectionSelection],M=[null===(v=k.dynamicDiscountValidationError)||void 0===v?void 0:v.inValidBuyXCollectionSelection,null===(j=k.dynamicDiscountValidationError)||void 0===j?void 0:j.inValidBuyXProductSelection,null===(b=k.dynamicDiscountValidationError)||void 0===b?void 0:b.inValidBuyXProductVariableSelection],G=[null===(T=k.dynamicDiscountValidationError)||void 0===T?void 0:T.inValidGetYCollectionSelection,null===(I=k.dynamicDiscountValidationError)||void 0===I?void 0:I.inValidGetYProductSelection,null===(V=k.dynamicDiscountValidationError)||void 0===V?void 0:V.inValidGetYProductVariableSelection];let Q=!1;return"couponAppliesTo"===d&&(Q=B.some(Boolean)),"buyX"===d&&(Q=M.some(Boolean)),"getY"===d&&(Q=G.some(Boolean)),i.jsxs(i.Fragment,{children:[i.jsxs("div",Object.assign({style:{display:"flex",gap:18}},{children:[e===a.SPECIFIC_PRODUCTS&&0===f.length&&(r===q.ENTITLED&&!k.entitledProductVariable||r===q.PREREQUISITE&&!k.preRequisiteProductVariable)&&!(null==L?void 0:L.length)&&i.jsxs(R,{children:[i.jsx("div",Object.assign({style:{width:k.isProductVariableSupported?"284px":"300px",display:"flex"}},{children:i.jsx(l,{buttonText:"Add Product(s)",buttonType:"dashRegular",LeadingIcon:P,matchParentWidth:!0,onClick:()=>{k.setIsProductPickerOpen(r)},error:Q})})),k.isProductVariableSupported&&k.productVariableList&&i.jsxs(i.Fragment,{children:[i.jsx(E,Object.assign({color:D.colorsV2.content.placeholder},{children:"OR"})),i.jsx(l,{buttonText:"Add Product(s) Variable",buttonType:"dashRegular",LeadingIcon:P,matchParentWidth:!0,onClick:()=>{k.setIsProductVariablePickerOpen(r)},error:Q})]})]}),e===a.SPECIFIC_COLLECTIONS&&0===L.length&&!(null==f?void 0:f.length)&&i.jsx("div",Object.assign({style:{width:"300px",display:"flex"}},{children:i.jsx(l,{buttonText:"Add collection(s)",buttonType:"dashRegular",LeadingIcon:P,matchParentWidth:!0,onClick:()=>{k.setIsCollectionPickerOpen(r)},style:{marginTop:"16px"},error:Q})}))]})),Q&&i.jsx("div",Object.assign({style:{margin:"8px 0 0"}},{children:i.jsx(o,{type:s.NEGATIVE,text:"Required Field",contentPosition:n.START,icon:()=>i.jsx(t,{width:16,height:16,color:D.colorsV2.content.negative})})})),f.length||L.length?i.jsxs("div",{children:[i.jsx(E,Object.assign({style:{margin:"8px 0"}},{children:e===a.SPECIFIC_COLLECTIONS?"Collection(s)":"Product(s)"})),i.jsxs(_,{children:[i.jsx(N,{children:i.jsx(h,{width:20,height:20,color:D.colorsV2.content.secondary})}),i.jsxs(x,{children:[e===a.SPECIFIC_PRODUCTS?f.length:L.length," ",e===a.SPECIFIC_PRODUCTS?"Product(s)":"Collection(s)"," ","added"]}),i.jsxs("div",Object.assign({style:{display:"flex",gap:4}},{children:[i.jsx(A,Object.assign({onClick:()=>{e===a.SPECIFIC_PRODUCTS?k.setIsProductPickerOpen(r):k.setIsCollectionPickerOpen(r)}},{children:i.jsx(O,{width:24,height:24,color:D.colorsV2.content.placeholder})})),i.jsx(A,Object.assign({onClick:()=>{e===a.SPECIFIC_PRODUCTS?r===q.ENTITLED?k.setEntitledProducts([]):k.setPrerequisiteProducts([]):r===q.ENTITLED?k.setEntitledCollections([]):k.setPrerequisiteCollections([])}},{children:i.jsx(y,{width:24,height:24,color:D.colorsV2.content.placeholder})}))]}))]})]}):r===q.ENTITLED&&k.entitledProductVariable?i.jsxs("div",{children:[i.jsx(E,Object.assign({style:{margin:"16px 0 8px"}},{children:"Product Variable"})),i.jsxs(F,{children:[i.jsx(x,{children:k.entitledProductVariable.displayName}),i.jsx("div",Object.assign({style:{display:"flex",gap:4}},{children:i.jsx(A,Object.assign({onClick:()=>{k.setEntitledProductVariable(void 0)}},{children:i.jsx(g,{width:24,height:24,color:D.colorsV2.content.primary})}))}))]})]}):r===q.PREREQUISITE&&(null===(S=k.preRequisiteProductVariable)||void 0===S?void 0:S.displayName)?i.jsxs("div",{children:[i.jsx(E,Object.assign({style:{margin:"16px 0 8px"}},{children:"Product Variable"})),i.jsxs(F,{children:[i.jsx(x,{children:k.preRequisiteProductVariable.displayName}),i.jsx("div",Object.assign({style:{display:"flex",gap:4}},{children:i.jsx(A,Object.assign({onClick:()=>{k.setPreRequisiteProductVariable(void 0)}},{children:i.jsx(g,{width:24,height:24,color:D.colorsV2.content.primary})}))}))]})]}):i.jsx(i.Fragment,{children:" "})]})},J=(e,t)=>{var o,s,n,l,r,c,u,p,m,C;let j=[],D=[],g={},T={};k.useNewPicker?(g=e===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,T=null!==(o=e===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==o?o:[],(null==g?void 0:g.isCustom)&&delete g.isCustom,(null==T?void 0:T.isCustom)&&delete T.isCustom,Object.values(g).forEach((e=>{Object.keys(e.products).forEach((i=>{j.push({id:i,name:e.products[i].name,image:e.products[i].image})}))})),Object.keys(T).forEach((e=>{"isCustom"!==e&&D.push({id:e,name:T[e].name,image:T[e].image})}))):(j=e===q.ENTITLED?k.entitledProducts:k.prerequisiteProducts,D=null!==(s=e===q.ENTITLED?k.entitledCollections:k.prerequisiteCollections)&&void 0!==s?s:[]);const h=e===q.PREREQUISITE?k.offerAppliesToBuy:k.offerAppliesToGet,y=e===q.PREREQUISITE?q.PREREQUISITE:q.ENTITLED,O=h===d.SPECIFIC_PRODUCTS?a.SPECIFIC_PRODUCTS:a.SPECIFIC_COLLECTIONS;return i.jsxs("div",{children:[i.jsx(x,Object.assign({style:{marginBottom:16}},{children:e===q.PREREQUISITE?"Customer buys":"Customer gets"})),i.jsxs("div",Object.assign({style:{display:"flex"}},{children:[!t&&i.jsx("div",{children:i.jsxs("div",Object.assign({className:"input__rows"},{children:[i.jsx("div",Object.assign({className:"input__wrapper"},{children:i.jsx(b,{value:e===q.ENTITLED?null!==(l=null===(n=k.discountData.entitledQuantity)||void 0===n?void 0:n.toString())&&void 0!==l?l:"":null!==(c=null===(r=k.discountData.prerequisiteQuantity)||void 0===r?void 0:r.toString())&&void 0!==c?c:"",type:"number",onChangeText:i=>{e===q.ENTITLED?k.setDiscountData(Object.assign(Object.assign({},k.discountData),{entitledQuantity:parseInt(i)})):k.setDiscountData(Object.assign(Object.assign({},k.discountData),{prerequisiteQuantity:parseInt(i)}))},labelText:"Quantity of products",placeholder:"Eg. 2",width:"300px",errorMessage:e===q.PREREQUISITE&&(null===(u=k.dynamicDiscountValidationError)||void 0===u?void 0:u.inValidBuyXValue)||e===q.ENTITLED&&(null===(p=k.dynamicDiscountValidationError)||void 0===p?void 0:p.inValidGetYValue)?"Required Field":"",state:e===q.PREREQUISITE&&(null===(m=k.dynamicDiscountValidationError)||void 0===m?void 0:m.inValidBuyXValue)||e===q.ENTITLED&&(null===(C=k.dynamicDiscountValidationError)||void 0===C?void 0:C.inValidGetYValue)?"invalid":"none"})})),i.jsx("div",{className:"input__wrapper"})]}))}),i.jsxs("div",{children:[i.jsx(E,Object.assign({style:{marginBottom:8}},{children:"Any items from"})),e===q.PREREQUISITE&&i.jsx(v,{width:"244px",options:z,placement:"bottom-start",onSelect:e=>{var i,t,o;k.setOfferAppliesToBuy(e.value),k.setPrerequisiteProducts([]),k.setPrerequisiteCollections([]),k.setPreRequisiteProductVariable(void 0),k.setDynamicDiscountValidationError((e=>Object.assign(Object.assign({},e),{inValidBuyXCollectionSelection:!1,inValidBuyXProductSelection:!1,inValidBuyXProductVariableSelection:!1}))),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{prerequisiteCollectionIds:[],prerequisiteProductIds:[],collectionsConf:{entitledCollections:null===(i=k.discountData.collectionsConf)||void 0===i?void 0:i.entitledCollections,prerequisiteCollections:{}},productsConf:{entitledProducts:null===(t=k.discountData.productsConf)||void 0===t?void 0:t.entitledProducts,prerequisiteProducts:{}},productVariableConf:{entitledProductVariable:null===(o=k.discountData.productVariableConf)||void 0===o?void 0:o.entitledProductVariable,prerequisiteProductVariable:{}}}))}}),e===q.ENTITLED&&i.jsx(v,{width:"244px",options:Z,placement:"bottom-start",onSelect:e=>{var i,t,o;k.setOfferAppliesToGet(e.value),k.setEntitledProducts([]),k.setEntitledCollections([]),k.setEntitledProductVariable(void 0),k.setDynamicDiscountValidationError((e=>Object.assign(Object.assign({},e),{inValidGetYCollectionSelection:!1,inValidGetYProductSelection:!1,inValidGetYProductVariableSelection:!1}))),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{entitledCollectionIds:[],entitledProductIds:[],collectionsConf:{entitledCollections:{},prerequisiteCollections:null===(i=k.discountData.collectionsConf)||void 0===i?void 0:i.prerequisiteCollections},productsConf:{entitledProducts:{},prerequisiteProducts:null===(t=k.discountData.productsConf)||void 0===t?void 0:t.prerequisiteProducts},productVariableConf:{entitledProductVariable:{},prerequisiteProductVariable:null===(o=k.discountData.productVariableConf)||void 0===o?void 0:o.prerequisiteProductVariable}}))}})]})]})),H(O,y,e===q.PREREQUISITE?"buyX":"getY")]})};return i.jsxs(V,{children:[i.jsxs("div",{children:[i.jsxs("div",Object.assign({style:{display:"flex",gap:16}},{children:[i.jsx("div",Object.assign({className:"input__wrapper"},{children:i.jsx(b,{value:null!==(U=k.discountData.title)&&void 0!==U?U:"",onChangeText:e=>{var i;k.setDiscountData(Object.assign(Object.assign({},k.discountData),{title:null!==(i=null==e?void 0:e.trim())&&void 0!==i?i:""}))},maxCharLimit:30,labelText:"Discount Coupon Title",placeholder:`Eg. “Flat ${null!==(B=k.currency)&&void 0!==B?B:""} 15 Off”`,hintText:"Will be same for everyone. Can’t be changed later",width:"300px",isRequired:!0,errorMessage:(null===(M=k.dynamicDiscountValidationError)||void 0===M?void 0:M.invalidCouponTitle)?"Required Field":"",state:(null===(G=k.dynamicDiscountValidationError)||void 0===G?void 0:G.invalidCouponTitle)?"invalid":"none"})})),!k.hideProbability&&i.jsx(b,{value:null!==(Y=null===(Q=k.discountData.probability)||void 0===Q?void 0:Q.toString())&&void 0!==Y?Y:"",type:"number",onChangeText:e=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{probability:e.startsWith(".")?parseFloat(parseFloat(`0${e}`).toFixed(2)):parseFloat(parseFloat(e).toFixed(2))}))},labelText:"Probability of getting coupon ",hintText:"Enter a decimal value between 0-1",placeholder:"Eg. 0.5",maxCharLimit:4,width:"300px",isRequired:!0,errorMessage:(null===(X=k.dynamicDiscountValidationError)||void 0===X?void 0:X.inValidProbability)?"Required Field":"",state:(null===($=k.dynamicDiscountValidationError)||void 0===$?void 0:$.inValidProbability)?"invalid":"none"})]})),i.jsx("div",{style:{height:"1px",width:"100%",background:D.colorsV2.stroke.primary,margin:"24px 0 8px"}})]}),k.allowStaticCoupon&&i.jsx((()=>i.jsxs("div",{children:[i.jsx(j,{children:"Discount Details"}),i.jsx(S,{children:k.discountDetailsOptions.map((t=>{return i.jsxs(f,Object.assign({selected:k.selectedDiscountDetails.id===t.id,onClick:()=>(i=>{if(k.selectedDiscountDetails.id!==i.id)if(k.resetValidationErrors(),k.setValidationErrorMessage(""),k.setDiscountCouponAppliesTo(a.ENTIRE_ORDER),k.setSelectedDiscountDetails(i),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:void 0})),k.setPreRequisiteProductVariable(void 0),k.setEntitledProductVariable(void 0),["percentage","amount"].includes(i.value)){k.onChangeCouponType({label:"Amount off on order",selected:!0,value:c.AMOUNT_OFF_ORDER});const t=Object.assign(Object.assign({},k.discountData),{valueType:"percentage"===i.value?p.PERCENTAGE:p.FIXED_AMOUNT,value:void 0,targetType:m.LINE_ITEM,targetSelection:C.ALL,entitledCollectionIds:[],entitledProductIds:[],prerequisiteCollectionIds:[],prerequisiteProductIds:[],collectionsConf:{entitledCollections:{},prerequisiteCollections:{}},productsConf:{entitledProducts:{},prerequisiteProducts:{}},productVariableConf:{entitledProductVariable:{},prerequisiteProductVariable:{}}}),o=e(t,["entitledQuantity","prerequisiteQuantity"]);k.setDiscountData(o)}else k.onChangeCouponType({label:i.label,selected:!0,value:i.value})})(t)},{children:[t.icon((o=t.id,k.selectedDiscountDetails.id===o?D.colorsV2.stroke.brand:D.colorsV2.text.secondary)),t.label]}),t.id);var o}))})]})),{}),(k.selectedCouponType===c.AMOUNT_OFF_ORDER||k.selectedCouponType===c.AMOUNT_OFF_PRODUCTS)&&(()=>{var e,t,o,s,n,l;return i.jsxs(i.Fragment,{children:[i.jsx("div",Object.assign({className:"input__rows"},{children:i.jsx("div",Object.assign({className:"input__wrapper"},{children:i.jsx(b,{value:null!==(o=null===(t=null===(e=k.discountData)||void 0===e?void 0:e.value)||void 0===t?void 0:t.toString())&&void 0!==o?o:"",labelText:"Discount amount",type:"number",width:"300px",onChangeText:e=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:parseInt(e)}))},placeholder:"15",prefixText:k.discountData.valueType===p.FIXED_AMOUNT?null!==(s=k.currency)&&void 0!==s?s:"":void 0,suffixText:k.discountData.valueType===p.PERCENTAGE?"%":void 0,errorMessage:(null===(n=k.dynamicDiscountValidationError)||void 0===n?void 0:n.inValidDiscountAmount)?"Required Field":"",state:(null===(l=k.dynamicDiscountValidationError)||void 0===l?void 0:l.inValidDiscountAmount)?"invalid":"none"})}))})),i.jsx("div",Object.assign({style:{paddingTop:"24px",marginTop:16,borderTop:`1px solid ${D.colorsV2.stroke.primary}`}},{children:i.jsxs("div",Object.assign({className:"input__wrapper"},{children:[i.jsx(j,Object.assign({style:{marginBottom:10}},{children:"Applies to"})),i.jsx("div",Object.assign({style:{display:"flex",flexGrow:0,flexShrink:0,flexBasis:"auto"}},{children:i.jsx(v,{width:"300px",options:W,placement:"bottom-start",onSelect:e=>{const i="value"in e&&e.value===a.ENTIRE_ORDER?{label:"Amount off on order",selected:!0,value:c.AMOUNT_OFF_ORDER}:{label:"Amount off on products",selected:!0,value:c.AMOUNT_OFF_PRODUCTS};k.onChangeCouponType(i),k.setDiscountCouponAppliesTo(e.value),k.setEntitledProductVariable(void 0),k.setDynamicDiscountValidationError((e=>Object.assign(Object.assign({},e),{inValidProductVariableSelection:!1,inValidProductSelection:!1,inValidCollectionSelection:!1})))}})})),(k.discountCouponAppliesTo===a.SPECIFIC_PRODUCTS||k.discountCouponAppliesTo===a.SPECIFIC_COLLECTIONS)&&H(k.discountCouponAppliesTo,q.ENTITLED,"couponAppliesTo")]}))}))]})})(),k.selectedCouponType===c.BUY_X_GET_Y&&(()=>{var e,t,o,s,n;return i.jsxs(V,Object.assign({style:{border:`1px solid ${D.colorsV2.stroke.primary}`,padding:"16px",borderRadius:"4px",margin:0}},{children:[J(q.PREREQUISITE),i.jsx("div",{style:{width:"100%",height:"1px",backgroundColor:D.colorsV2.stroke.primary,margin:"8px 0"}}),J(q.ENTITLED),i.jsx(E,Object.assign({style:{marginTop:"8px"}},{children:"At a discounted value"})),i.jsx("div",{children:i.jsx(T,{label:"Free",isActive:100===k.discountData.value,onValueChange:e=>{e?k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:100})):k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:void 0}))}})}),i.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column"}},{children:[i.jsx(T,{label:"Percentage off",isActive:100!==k.discountData.value,onValueChange:()=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:void 0}))}}),100!==k.discountData.value&&i.jsx("div",Object.assign({style:{marginTop:8}},{children:i.jsx(b,{value:null!==(o=null===(t=null===(e=k.discountData)||void 0===e?void 0:e.value)||void 0===t?void 0:t.toString())&&void 0!==o?o:"",onChangeText:e=>{k.setDiscountData(Object.assign(Object.assign({},k.discountData),{value:parseInt(e)}))},type:"number",placeholder:"Eg. 50",suffixText:"%",width:"300px",errorMessage:(null===(s=k.dynamicDiscountValidationError)||void 0===s?void 0:s.inValidDiscountAmount)?"Required Field":"",state:(null===(n=k.dynamicDiscountValidationError)||void 0===n?void 0:n.inValidDiscountAmount)?"invalid":"none"})}))]}))]}))})(),!k.selectedCouponType&&i.jsx(w,{}),k.allowStaticCoupon&&k.selectedCouponType!==c.BUY_X_GET_Y&&i.jsx("div",Object.assign({style:{padding:"24px 0 16px",marginTop:16,borderTop:`1px solid ${D.colorsV2.stroke.primary}`}},{children:i.jsx(L,{selectedMinimumRequirement:k.selectedMinimumRequirement,setSelectedMinimumRequirement:k.setSelectedMinimumRequirement,discountData:k.discountData,setDiscountData:k.setDiscountData,currency:k.currency,dynamicDiscountValidationError:k.dynamicDiscountValidationError})})),k.selectedCouponType&&!k.hideExpiration&&i.jsxs("div",Object.assign({style:{padding:k.selectedCouponType!==c.BUY_X_GET_Y?"24px 0 16px":"8px 0",borderTop:k.selectedCouponType!==c.BUY_X_GET_Y?`1px solid ${D.colorsV2.stroke.primary}`:"none"}},{children:[i.jsx(r,{label:"Add expiration",isDisabled:!!k.makeExpiryMandatory,isChecked:k.isAddExpirationChecked,onValueChange:e=>{k.setIsAddExpirationChecked(e),k.setDiscountData(Object.assign(Object.assign({},k.discountData),{expireAfter:void 0,expireAt:void 0})),k.setSelectedExpiration(u.DYNAMIC_EXPIRATION)},boldOnChecked:!0,labelSize:"DEFAULT"}),i.jsx(E,Object.assign({style:{color:D.colorsV2.text.secondary,marginLeft:28}},{children:"Make coupon only valid till a certain time"})),k.isAddExpirationChecked&&i.jsx(I,{discountData:k.discountData,setDiscountData:k.setDiscountData,isAddExpirationChecked:k.isAddExpirationChecked,inValidCouponExpiry:k.dynamicDiscountValidationError.inValidCouponExpiry,selectedExpiration:k.selectedExpiration,setSelectedExpiration:k.setSelectedExpiration})]}))]})};export{q as DISCOUNT_PRODUCTS,k as default};
|
|
@@ -1,9 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { SingleOption } from "../../dropdown/type";
|
|
4
|
-
import { Collection, Product } from "../../product-picker/type";
|
|
5
|
-
import { VariableListInterfaceV3 } from "../../variable-picker-v3/model";
|
|
6
|
-
import { DISCOUNT_PRODUCTS } from '../DynamicCoupon/DynamicCoupon';
|
|
2
|
+
import { ICouponData, IStaticDiscountValidationError } from "../type";
|
|
7
3
|
interface StaticCouponI {
|
|
8
4
|
discountData: ICouponData;
|
|
9
5
|
setDiscountData: React.Dispatch<React.SetStateAction<ICouponData>>;
|
|
@@ -11,52 +7,6 @@ interface StaticCouponI {
|
|
|
11
7
|
discountAdminUrl?: string;
|
|
12
8
|
staticDiscountValidationError?: IStaticDiscountValidationError;
|
|
13
9
|
currency?: string;
|
|
14
|
-
getDetailedDescription?: boolean;
|
|
15
|
-
selectedCouponType?: DISCOUNT_TYPES;
|
|
16
|
-
setSelectedCouponType?: React.Dispatch<React.SetStateAction<DISCOUNT_TYPES | undefined>>;
|
|
17
|
-
selectedMinimumRequirement?: MIN_PURCHASE_REQUIREMENT;
|
|
18
|
-
setSelectedMinimumRequirement?: React.Dispatch<React.SetStateAction<MIN_PURCHASE_REQUIREMENT>>;
|
|
19
|
-
discountCouponAppliesTo?: DISCOUNT_APPLIES_TO;
|
|
20
|
-
offerAppliesToBuy?: OFFER_APPLIES_TO;
|
|
21
|
-
offerAppliesToGet?: OFFER_APPLIES_TO;
|
|
22
|
-
setDiscountCouponAppliesTo?: React.Dispatch<React.SetStateAction<DISCOUNT_APPLIES_TO>>;
|
|
23
|
-
setOfferAppliesToBuy?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;
|
|
24
|
-
setOfferAppliesToGet?: React.Dispatch<React.SetStateAction<OFFER_APPLIES_TO>>;
|
|
25
|
-
hideExpiration?: boolean;
|
|
26
|
-
onChangeCouponType?: (option: SingleOption) => void;
|
|
27
|
-
entitledProducts?: Product[];
|
|
28
|
-
prerequisiteProducts?: Product[];
|
|
29
|
-
setEntitledProducts?: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
|
|
30
|
-
setPrerequisiteProducts?: React.Dispatch<React.SetStateAction<Product[] | undefined>>;
|
|
31
|
-
entitledCollections?: Collection[];
|
|
32
|
-
prerequisiteCollections?: Collection[];
|
|
33
|
-
setEntitledCollections?: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
|
|
34
|
-
setPrerequisiteCollections?: React.Dispatch<React.SetStateAction<Collection[] | undefined>>;
|
|
35
|
-
setIsProductPickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
|
|
36
|
-
setIsProductVariablePickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
|
|
37
|
-
setIsCollectionPickerOpen?: React.Dispatch<React.SetStateAction<DISCOUNT_PRODUCTS | undefined>>;
|
|
38
|
-
productPickerOpen?: DISCOUNT_PRODUCTS | undefined;
|
|
39
|
-
productVariablePickerOpen?: DISCOUNT_PRODUCTS | undefined;
|
|
40
|
-
collectionPickerOpen?: DISCOUNT_PRODUCTS | undefined;
|
|
41
|
-
useNewPicker?: boolean;
|
|
42
|
-
selectedDiscountDetails?: any;
|
|
43
|
-
setSelectedDiscountDetails?: React.Dispatch<React.SetStateAction<any>>;
|
|
44
|
-
isProductVariableSupported?: boolean;
|
|
45
|
-
entitledProductVariable?: ProductVariable;
|
|
46
|
-
setEntitledProductVariable?: React.Dispatch<React.SetStateAction<ProductVariable | undefined>>;
|
|
47
|
-
preRequisiteProductVariable?: ProductVariable;
|
|
48
|
-
setPreRequisiteProductVariable?: React.Dispatch<React.SetStateAction<ProductVariable | undefined>>;
|
|
49
|
-
productVariableList?: VariableListInterfaceV3[];
|
|
50
|
-
isAddExpirationChecked?: boolean;
|
|
51
|
-
setIsAddExpirationChecked?: React.Dispatch<React.SetStateAction<boolean>>;
|
|
52
|
-
dynamicDiscountValidationError?: IDynamicDiscountValidationError;
|
|
53
|
-
setDynamicDiscountValidationError?: React.Dispatch<React.SetStateAction<IDynamicDiscountValidationError>>;
|
|
54
|
-
setValidationErrorMessage?: React.Dispatch<React.SetStateAction<string>>;
|
|
55
|
-
resetValidationErrors?: () => void;
|
|
56
|
-
discountDetailsOptions?: any[];
|
|
57
|
-
selectedExpiration?: COUPON_EXPIRATION | undefined;
|
|
58
|
-
setSelectedExpiration?: React.Dispatch<React.SetStateAction<COUPON_EXPIRATION | undefined>>;
|
|
59
|
-
makeExpiryMandatory?: boolean;
|
|
60
10
|
}
|
|
61
11
|
declare const StaticCoupon: React.FC<StaticCouponI>;
|
|
62
12
|
export default StaticCoupon;
|