"use strict";(self.webpackChunkui=self.webpackChunkui||[]).push([[22],{188:function(e,s,i){var c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.SubscriptionHelp=void 0;const r=i(0),n=i(1),a=i(14),l=c(i(45)),{wrapperHeader:t,wrapperColumn:d,wrapperColumnText:o}=l.default;s.SubscriptionHelp=function(){return(0,r.jsxs)(n.Fragment,{children:[(0,r.jsxs)("div",Object.assign({className:t},{children:[(0,r.jsx)("p",{children:"Get Delicious"}),(0,r.jsx)("p",{children:"On Demand And Save"})]})),(0,r.jsxs)("div",Object.assign({className:d},{children:[(0,r.jsx)("div",{children:a.subscribeDeliver}),(0,r.jsxs)("div",Object.assign({className:o},{children:[(0,r.jsx)("p",{children:"AUTOMATICALLY DELIVERED"}),(0,r.jsx)("p",{children:"EVERY 30 DAYS"})]})),(0,r.jsx)("div",{children:a.subscribeCancel}),(0,r.jsxs)("div",Object.assign({className:o},{children:[(0,r.jsx)("p",{children:"NO STRINGS ATTACHED"}),(0,r.jsx)("p",{children:"CANCEL ANYTIME"})]})),(0,r.jsx)("div",{children:a.subscribeUpdate}),(0,r.jsxs)("div",Object.assign({className:o},{children:[(0,r.jsx)("p",{children:"UPDATE YOUR SUBSCRIPTION"}),(0,r.jsx)("p",{children:"WHEN YOU WANT"})]}))]}))]})}},59:function(e,s,i){var c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(s,"__esModule",{value:!0}),s.SubscriptionToggle=void 0;const r=i(0),n=i(1),a=i(3),l=i(2),t=i(14),d=i(28),o=i(188),u=c(i(46)),{wrapper:p,wrapperText:j,wrapperTextOption:b,wrapperToggle:h,wrapperToggleDraggable:x,wrapperToggleActive:v,wrapperSubscribe:g,wrapperSubscribeIcon:m}=u.default;s.SubscriptionToggle=function({discountPercentage:e,setActiveStatus:s,active:i,showHelper:c}){if(!e)return(0,r.jsx)("div",{});const[u,O]=(0,a.useState)(!1);return(0,r.jsxs)(n.Fragment,{children:[(0,r.jsxs)("div",Object.assign({className:p},{children:[(0,r.jsxs)("div",Object.assign({className:j},{children:[(0,r.jsx)("div",Object.assign({className:(0,l.cx)(b,"subscription")},{children:`Subscribe & Save ${e}%`})),(0,r.jsx)("div",Object.assign({className:(0,l.cx)(b,"onetime")},{children:"One-time Purchase"}))]})),(0,r.jsx)("div",Object.assign({className:(0,l.cx)(h,i&&v),onClick:()=>{s(!i)}},{children:(0,r.jsx)("div",{className:x,style:{transform:`translateX(${(i?0:100)/100*100+"%"})`}})}))]})),c?(0,r.jsxs)("div",Object.assign({className:g,onClick:()=>O(!0)},{children:[(0,r.jsx)("div",{children:"How do subscriptions work?"}),(0,r.jsx)("div",Object.assign({className:m},{children:t.aboutIcon}))]})):null,(0,r.jsx)(d.Modal,Object.assign({show:u,onClose:()=>O(!1)},{children:(0,r.jsx)(o.SubscriptionHelp,{})}))]})}}}]);