tanya-chatbot 0.10.9 → 0.11.1
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.
|
@@ -15,6 +15,6 @@
|
|
|
15
15
|
`,style:{background:"linear-gradient(170.1deg, #FFFFFF 60.03%, #E3DEEF 99.59%)"},children:[n.jsxs("div",{className:"flex justify-between p-3 bg-[#FFFFFF] border border-b-1 border-[#E5E5E5] ",children:[n.jsx("div",{style:{display:"flex",alignItems:"center",gap:"0.5rem"},children:n.jsxs("div",{className:"flex flex-col gap-1",children:[n.jsxs("div",{className:"flex gap-2 w-28 h-12 text-center items-center p-2 border rounded-l-[20px] rounded-tr-[20px]",style:{background:"linear-gradient(265.62deg, #6851C6 5.24%, #8668FF 98.49%)"},children:[n.jsxs("svg",{width:"20",height:"20",viewBox:"0 0 15 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsx("path",{d:"M15 4.48438V0.5C15 0.5 8.94395 1.4375 6.78127 4.25C4.61859 7.0625 5.33095 15.5 5.33095 15.5H9.19857C9.19857 15.5 8.72793 7.76562 10.1654 6.125C11.6029 4.48438 15 4.48438 15 4.48438Z",fill:"white"}),n.jsx("path",{d:"M0 0.5H6.28488V4.25H0V0.5Z",fill:"white"})]}),n.jsx("p",{className:"text-[#FFFFFF] font-nunitoSans font-semibold",children:"TANYA"})]}),n.jsxs("p",{className:"text-[#5B5B5B] font-nunitoSans font-semibold",style:{fontStyle:"italic"},children:[" ","Your AI shopping assistant !"," "]})]})}),n.jsx("div",{style:{display:"flex",alignItems:"center",gap:"1.25rem",margin:"0.75rem"},children:n.jsx("button",{onClick:()=>w(!1),children:n.jsxs("svg",{width:"24",height:"25",viewBox:"0 0 24 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[n.jsxs("g",{clipPath:"url(#clip0_501_6036)",children:[n.jsx("path",{d:"M18 6.5L6 18.5",stroke:"#555555",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),n.jsx("path",{d:"M6 6.5L18 18.5",stroke:"#555555",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),n.jsx("defs",{children:n.jsx("clipPath",{id:"clip0_501_6036",children:n.jsx("rect",{width:"24",height:"24",fill:"white",transform:"translate(0 0.5)"})})})]})})})]}),n.jsxs("div",{className:"flex h-full md:flex-row lg:flex-row",children:[n.jsxs("div",{className:`flex flex-col h-full ${Ae?"lg:w-2/3 w-full":"w-full"}`,children:[n.jsxs("div",{ref:H,className:"overflow-y-auto pr-5 pb-2 space-y-4 hide-scrollbar flex-grow mb-24",children:[(z==null?void 0:z.whomRequired)&&n.jsxs("div",{className:"mx-3 p-3 rounded-2xl bg-[#FFFFFF]",children:[n.jsx("div",{className:"flex gap-2 bg-[#FFFFFF]",children:n.jsx("p",{className:"font-bold font-nunitoSans text-[#494949]",children:"Is this for you or someone else?"})}),n.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:o.map(m=>n.jsx("button",{onClick:()=>qe(m),className:"px-2 py-2 font-semibold text-xs text-[#18181B] bg-[#F3F3F3] rounded-2xl",style:{backgroundColor:B===s[m]?"#FFFFFF":"#F3F3F3",borderColor:B===s[m]?"#BBB3DD":""},children:m},m))})]}),_e.map((m,D)=>{var T,G;return n.jsxs("div",{children:[n.jsx("div",{className:"flex justify-end",children:n.jsx("p",{className:"text-sm font-nunitoSans font-bold text-[#000000] bg-[#E2DBFF] border border-[#C9C2DE] rounded-l-xl p-2 m-3 mb-4 rounded-br-xl max-w-[75%]",children:m.query})}),m.response&&m.response.includes("Thinking")?n.jsx("div",{children:n.jsx("div",{className:"font-nunitoSans animate-pulse font-bold text-sm text-[#494949] bg-[#FFFFFF] px-7 py-1 rounded-r-xl rounded-bl-2xl w-full",dangerouslySetInnerHTML:{__html:er(m.response)}})}):n.jsx("div",{children:n.jsx("div",{className:"font-nunitoSans font-bold text-sm text-[#494949] bg-[#FFFFFF] px-7 py-1 rounded-r-xl rounded-bl-2xl w-full",dangerouslySetInnerHTML:{__html:er(m.response)}})}),Oe&&!m.response.includes("Thinking")&&((T=m.products)==null?void 0:T.length)==0&&n.jsx("div",{children:n.jsx("p",{className:"text-sm animate-pulse font-nunitoSans font-bold text-[#000000] bg-[#E2DBFF] border border-[#C9C2DE] rounded-l-xl p-2 m-3 mb-4 rounded-br-xl max-w-[75%]",children:"Finding best products for you"})}),(m==null?void 0:m.products)&&((G=m==null?void 0:m.products)==null?void 0:G.length)>0&&n.jsx(Xo,{chat:m.products,storeDetails:z}),(m==null?void 0:m.potentialQuestions.length)>0&&n.jsxs("div",{className:"my-2 px-4 text-sm text-gray-700",children:[n.jsx("p",{className:"font-nunitoSans font-bold text-sm text-[#494949]",style:{color:z.themeDarkColor},children:"Why not explore these inquiries..."}),m.potentialQuestions.split(",").map((W,O)=>n.jsx("button",{className:`cursor-pointer font-nunitoSans font-semibold text-[#232323] border bg-[#804C9E0D] border-${z.themeDarkColor} m-1 rounded-xl px-2 py-1`,onClick:()=>Le(W),style:{backgroundColor:z.tanyaThemeColorLight},children:W},O))]}),(m==null?void 0:m.secondaryLoading)&&n.jsx("div",{className:"mt-3 mb-4 px-4",children:n.jsxs("div",{className:"tanya-surprise-wrapper bg-indigo-300 text-sm px-7 py-4 rounded-r-xl rounded-bl-2xl w-full relative overflow-hidden",style:{margin:"0.75rem"},children:[n.jsxs("div",{className:"flex gap-1",children:[n.jsx("div",{className:"tanya-sparkle tanya-sparkle-1",children:"✨"}),n.jsx("div",{className:"tanya-sparkle tanya-sparkle-2",children:"✨"}),n.jsx("div",{className:"tanya-sparkle tanya-sparkle-3",children:"✨"})]}),n.jsx("div",{className:"tanya-shimmer"}),n.jsx("p",{className:"font-semibold tanya-pulse",style:{color:z.themeDarkColor},children:"I’ve found a special surprise crafted just for you… hang on a sec!"}),n.jsx("p",{className:"tanya-dots mt-1",style:{color:z.themeDarkColor},children:"• • •"})]})}),(m==null?void 0:m.secondaryResponse)&&n.jsx(n.Fragment,{children:n.jsxs("div",{className:"mt-3 mb-8 px-4 bg-indigo-300 rounded-tr-[5px]",children:[n.jsx("div",{className:"text-sm text-[#232323] bg-[#FFFFFF] px-7 py-4 rounded-br-xl rounded-bl-2xl w-full",style:{backgroundColor:z.tanyaThemeColorLight},dangerouslySetInnerHTML:{__html:er(m.secondaryResponse)}}),m.productSnapshot&&n.jsx("div",{className:"mt-4 w-full",children:n.jsxs("div",{className:"flex gap-4 items-stretch rounded-2xl p-4",style:{backgroundColor:z.tanyaThemeColorLight},children:[n.jsx("div",{className:"flex-shrink-0 rounded-xl overflow-hidden border",style:{width:112,height:112,borderColor:"#eee"},children:m.productSnapshot.image?n.jsx("img",{src:m.productSnapshot.image,alt:m.productSnapshot.name,className:"w-full h-full object-cover"}):n.jsx("div",{className:"w-full h-full flex items-center justify-center text-xs text-gray-500",children:"No Image"})}),n.jsxs("div",{className:"flex flex-col flex-1 justify-between",children:[n.jsxs("div",{children:[n.jsx("p",{className:"font-semibold text-[15px] leading-snug",children:m.productSnapshot.name}),n.jsx("p",{className:"mt-1 text-[14px] font-medium",children:m.productSnapshot.price!=null?new Intl.NumberFormat(void 0,{style:"currency",currency:(z==null?void 0:z.currency)||"USD"}).format(m.productSnapshot.price):""}),m.productSnapshot.points>0&&n.jsxs("p",{className:"mt-1 text-xs opacity-80",children:["You will earn"," ",n.jsxs("strong",{children:[m.productSnapshot.points," ","points"]})]})]}),n.jsxs("div",{className:"mt-3 flex items-center gap-3",children:[n.jsxs("div",{className:"flex items-center border rounded-full overflow-hidden",children:[n.jsx("button",{className:"px-3 py-1 text-sm",onClick:()=>k(W=>W.map((O,ue)=>ue===D&&O.productSnapshot?{...O,productSnapshot:{...O.productSnapshot,quantity:Math.max(1,O.productSnapshot.quantity-1)}}:O)),style:{background:"transparent",color:z.themeDarkColor},children:"−"}),n.jsx("div",{className:"px-3 py-1 text-sm select-none",children:m.productSnapshot.quantity}),n.jsx("button",{className:"px-3 py-1 text-sm",onClick:()=>k(W=>W.map((O,ue)=>ue===D&&O.productSnapshot?{...O,productSnapshot:{...O.productSnapshot,quantity:O.productSnapshot.quantity+1}}:O)),style:{background:"transparent",color:z.themeDarkColor},children:"+"})]}),n.jsx("button",{onClick:()=>{se(te(m.productSnapshot),m.productSnapshot.quantity)},disabled:I,className:"px-4 py-2 rounded-full font-medium",style:{background:z.tanyaThemeColor,color:(z==null?void 0:z.tanyaThemeContrastColor)||"#fff",opacity:I?.8:1},children:I?"Adding...":"Add to cart"})]})]})]})})]})}),n.jsx("div",{className:"mb-20"})]},D)})]}),n.jsx("div",{className:"flex flex-col gap-2 sticky bottom-0 left-0 right-0 bg-[#E3DEEF] z-50 px-4 py-2",children:n.jsx("div",{className:"p-[1px] rounded-xl",style:{background:"linear-gradient(180deg, #B09FFF 0%, #8D79F6 100%)"},children:n.jsxs("div",{className:"flex items-center bg-[#FFFFFF] flex-1 rounded-xl px-2 py-1",children:[n.jsx("input",{className:"flex-1 bg-[#FFFFFF] text-[#232323] outline-none border-none px-2 py-2 text-sm",placeholder:"How can I help you...",value:V,autoFocus:!0,onChange:m=>ce(m.target.value),onKeyDown:m=>{m.key==="Enter"&&!R&&Le()}}),n.jsx("button",{type:"submit",disabled:R,className:"p-3",onClick:()=>Le(),children:R?n.jsx("div",{className:"p-3 animate-spin rounded-full h-3 w-3 border-b-2",style:{borderBottom:"2px solid",color:z.tanyaThemeColor}}):n.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:n.jsx("path",{d:"M16.6357 13.6701L18.3521 8.5208C19.8516 4.02242 20.6013 1.77322 19.414 0.585948C18.2268 -0.601312 15.9776 0.148418 11.4792 1.64788L6.32987 3.36432C2.69923 4.57453 0.883923 5.17964 0.368062 6.06698C-0.122688 6.91112 -0.122688 7.95369 0.368062 8.7978C0.883923 9.6852 2.69923 10.2903 6.32987 11.5005C6.77981 11.6505 7.28601 11.5434 7.62294 11.2096L13.1286 5.75495C13.4383 5.44808 13.9382 5.45041 14.245 5.76015C14.5519 6.06989 14.5496 6.56975 14.2398 6.87662L8.8231 12.2432C8.4518 12.6111 8.3342 13.1742 8.4995 13.6701C9.7097 17.3007 10.3148 19.1161 11.2022 19.6319C12.0463 20.1227 13.0889 20.1227 13.933 19.6319C14.8204 19.1161 15.4255 17.3008 16.6357 13.6701Z",fill:"#6952C7"})})})]})})})]}),n.jsx(es,{addToCartPwa:r})]})]})]})]})})};var dr=function(e,t){return dr=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(r,o){r.__proto__=o}||function(r,o){for(var s in o)Object.prototype.hasOwnProperty.call(o,s)&&(r[s]=o[s])},dr(e,t)};function rs(e,t){if(typeof t!="function"&&t!==null)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");dr(e,t);function r(){this.constructor=e}e.prototype=t===null?Object.create(t):(r.prototype=t.prototype,new r)}var Je=function(){return Je=Object.assign||function(t){for(var r,o=1,s=arguments.length;o<s;o++){r=arguments[o];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},Je.apply(this,arguments)};function ns(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&typeof Object.getOwnPropertySymbols=="function")for(var s=0,o=Object.getOwnPropertySymbols(e);s<o.length;s++)t.indexOf(o[s])<0&&Object.prototype.propertyIsEnumerable.call(e,o[s])&&(r[o[s]]=e[o[s]]);return r}var tr="Invariant Violation",tn=Object.setPrototypeOf,os=tn===void 0?function(e,t){return e.__proto__=t,e}:tn,Ln=(function(e){rs(t,e);function t(r){r===void 0&&(r=tr);var o=e.call(this,typeof r=="number"?tr+": "+r+" (see https://github.com/apollographql/invariant-packages)":r)||this;return o.framesToPop=1,o.name=tr,os(o,t.prototype),o}return t})(Error);function nt(e,t){if(!e)throw new Ln(t)}var zn=["debug","log","warn","error","silent"],ss=zn.indexOf("log");function Dt(e){return function(){if(zn.indexOf(e)>=ss){var t=console[e]||console.log;return t.apply(console,arguments)}}}(function(e){e.debug=Dt("debug"),e.log=Dt("log"),e.warn=Dt("warn"),e.error=Dt("error")})(nt||(nt={}));var Dn="3.14.0";function ut(e){try{return e()}catch{}}const ur=ut(function(){return globalThis})||ut(function(){return window})||ut(function(){return self})||ut(function(){return global})||ut(function(){return ut.constructor("return this")()});var rn=new Map;function as(e){var t=rn.get(e)||1;return rn.set(e,t+1),"".concat(e,":").concat(t,":").concat(Math.random().toString(36).slice(2))}function is(e,t){var r=as("stringifyForDisplay");return JSON.stringify(e,function(o,s){return s===void 0?r:s},t).split(JSON.stringify(r)).join("<undefined>")}function Mt(e){return function(t){for(var r=[],o=1;o<arguments.length;o++)r[o-1]=arguments[o];if(typeof t=="number"){var s=t;t=vr(s),t||(t=jr(s,r),r=[])}e.apply(void 0,[t].concat(r))}}var rr=Object.assign(function(t,r){for(var o=[],s=2;s<arguments.length;s++)o[s-2]=arguments[s];t||nt(t,vr(r,o)||jr(r,o))},{debug:Mt(nt.debug),log:Mt(nt.log),warn:Mt(nt.warn),error:Mt(nt.error)});function Mn(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return new Ln(vr(e,t)||jr(e,t))}var nn=Symbol.for("ApolloErrorMessageHandler_"+Dn);function Bn(e){if(typeof e=="string")return e;try{return is(e,2).slice(0,1e3)}catch{return"<non-serializable>"}}function vr(e,t){if(t===void 0&&(t=[]),!!e)return ur[nn]&&ur[nn](e,t.map(Bn))}function jr(e,t){if(t===void 0&&(t=[]),!!e)return"An error occurred! For more details, see the full error text at https://go.apollo.dev/c/err#".concat(encodeURIComponent(JSON.stringify({version:Dn,message:e,args:t.map(Bn)})))}function ls(e){return e.definitions.filter(function(t){return t.kind==="OperationDefinition"&&!!t.name}).map(function(t){return t.name.value})[0]||null}let re=null;const on={};let cs=1;const ds=()=>class{constructor(){this.id=["slot",cs++,Date.now(),Math.random().toString(36).slice(2)].join(":")}hasValue(){for(let t=re;t;t=t.parent)if(this.id in t.slots){const r=t.slots[this.id];if(r===on)break;return t!==re&&(re.slots[this.id]=r),!0}return re&&(re.slots[this.id]=on),!1}getValue(){if(this.hasValue())return re.slots[this.id]}withValue(t,r,o,s){const a={__proto__:null,[this.id]:t},i=re;re={parent:i,slots:a};try{return r.apply(s,o)}finally{re=i}}static bind(t){const r=re;return function(){const o=re;try{return re=r,t.apply(this,arguments)}finally{re=o}}}static noContext(t,r,o){if(re){const s=re;try{return re=null,t.apply(o,r)}finally{re=s}}else return t.apply(o,r)}};function sn(e){try{return e()}catch{}}const nr="@wry/context:Slot",us=sn(()=>globalThis)||sn(()=>global)||Object.create(null),an=us,kr=an[nr]||Array[nr]||(function(e){try{Object.defineProperty(an,nr,{value:e,enumerable:!1,writable:!1,configurable:!0})}finally{return e}})(ds()),{bind:Wa,noContext:Qa}=kr;new kr;function fs(e,t){var r=typeof Symbol<"u"&&e[Symbol.iterator]||e["@@iterator"];if(r)return(r=r.call(e)).next.bind(r);if(Array.isArray(e)||(r=ms(e))||t){r&&(e=r);var o=0;return function(){return o>=e.length?{done:!0}:{done:!1,value:e[o++]}}}throw new TypeError(`Invalid attempt to iterate non-iterable instance.
|
|
16
16
|
In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ms(e,t){if(e){if(typeof e=="string")return ln(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);if(r==="Object"&&e.constructor&&(r=e.constructor.name),r==="Map"||r==="Set")return Array.from(e);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return ln(e,t)}}function ln(e,t){(t==null||t>e.length)&&(t=e.length);for(var r=0,o=new Array(t);r<t;r++)o[r]=e[r];return o}function cn(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function Sr(e,t,r){return t&&cn(e.prototype,t),r&&cn(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}var Nr=function(){return typeof Symbol=="function"},Cr=function(e){return Nr()&&!!Symbol[e]},_r=function(e){return Cr(e)?Symbol[e]:"@@"+e};Nr()&&!Cr("observable")&&(Symbol.observable=Symbol("observable"));var ps=_r("iterator"),fr=_r("observable"),qn=_r("species");function Kt(e,t){var r=e[t];if(r!=null){if(typeof r!="function")throw new TypeError(r+" is not a function");return r}}function jt(e){var t=e.constructor;return t!==void 0&&(t=t[qn],t===null&&(t=void 0)),t!==void 0?t:le}function hs(e){return e instanceof le}function pt(e){pt.log?pt.log(e):setTimeout(function(){throw e})}function qt(e){Promise.resolve().then(function(){try{e()}catch(t){pt(t)}})}function Un(e){var t=e._cleanup;if(t!==void 0&&(e._cleanup=void 0,!!t))try{if(typeof t=="function")t();else{var r=Kt(t,"unsubscribe");r&&r.call(t)}}catch(o){pt(o)}}function mr(e){e._observer=void 0,e._queue=void 0,e._state="closed"}function gs(e){var t=e._queue;if(t){e._queue=void 0,e._state="ready";for(var r=0;r<t.length&&(Rn(e,t[r].type,t[r].value),e._state!=="closed");++r);}}function Rn(e,t,r){e._state="running";var o=e._observer;try{var s=Kt(o,t);switch(t){case"next":s&&s.call(o,r);break;case"error":if(mr(e),s)s.call(o,r);else throw r;break;case"complete":mr(e),s&&s.call(o);break}}catch(a){pt(a)}e._state==="closed"?Un(e):e._state==="running"&&(e._state="ready")}function or(e,t,r){if(e._state!=="closed"){if(e._state==="buffering"){e._queue.push({type:t,value:r});return}if(e._state!=="ready"){e._state="buffering",e._queue=[{type:t,value:r}],qt(function(){return gs(e)});return}Rn(e,t,r)}}var xs=(function(){function e(r,o){this._cleanup=void 0,this._observer=r,this._queue=void 0,this._state="initializing";var s=new ws(this);try{this._cleanup=o.call(void 0,s)}catch(a){s.error(a)}this._state==="initializing"&&(this._state="ready")}var t=e.prototype;return t.unsubscribe=function(){this._state!=="closed"&&(mr(this),Un(this))},Sr(e,[{key:"closed",get:function(){return this._state==="closed"}}]),e})(),ws=(function(){function e(r){this._subscription=r}var t=e.prototype;return t.next=function(o){or(this._subscription,"next",o)},t.error=function(o){or(this._subscription,"error",o)},t.complete=function(){or(this._subscription,"complete")},Sr(e,[{key:"closed",get:function(){return this._subscription._state==="closed"}}]),e})(),le=(function(){function e(r){if(!(this instanceof e))throw new TypeError("Observable cannot be called as a function");if(typeof r!="function")throw new TypeError("Observable initializer must be a function");this._subscriber=r}var t=e.prototype;return t.subscribe=function(o){return(typeof o!="object"||o===null)&&(o={next:o,error:arguments[1],complete:arguments[2]}),new xs(o,this._subscriber)},t.forEach=function(o){var s=this;return new Promise(function(a,i){if(typeof o!="function"){i(new TypeError(o+" is not a function"));return}function c(){l.unsubscribe(),a()}var l=s.subscribe({next:function(p){try{o(p,c)}catch(g){i(g),l.unsubscribe()}},error:i,complete:a})})},t.map=function(o){var s=this;if(typeof o!="function")throw new TypeError(o+" is not a function");var a=jt(this);return new a(function(i){return s.subscribe({next:function(c){try{c=o(c)}catch(l){return i.error(l)}i.next(c)},error:function(c){i.error(c)},complete:function(){i.complete()}})})},t.filter=function(o){var s=this;if(typeof o!="function")throw new TypeError(o+" is not a function");var a=jt(this);return new a(function(i){return s.subscribe({next:function(c){try{if(!o(c))return}catch(l){return i.error(l)}i.next(c)},error:function(c){i.error(c)},complete:function(){i.complete()}})})},t.reduce=function(o){var s=this;if(typeof o!="function")throw new TypeError(o+" is not a function");var a=jt(this),i=arguments.length>1,c=!1,l=arguments[1],p=l;return new a(function(g){return s.subscribe({next:function(y){var w=!c;if(c=!0,!w||i)try{p=o(p,y)}catch(C){return g.error(C)}else p=y},error:function(y){g.error(y)},complete:function(){if(!c&&!i)return g.error(new TypeError("Cannot reduce an empty sequence"));g.next(p),g.complete()}})})},t.concat=function(){for(var o=this,s=arguments.length,a=new Array(s),i=0;i<s;i++)a[i]=arguments[i];var c=jt(this);return new c(function(l){var p,g=0;function y(w){p=w.subscribe({next:function(C){l.next(C)},error:function(C){l.error(C)},complete:function(){g===a.length?(p=void 0,l.complete()):y(c.from(a[g++]))}})}return y(o),function(){p&&(p.unsubscribe(),p=void 0)}})},t.flatMap=function(o){var s=this;if(typeof o!="function")throw new TypeError(o+" is not a function");var a=jt(this);return new a(function(i){var c=[],l=s.subscribe({next:function(g){if(o)try{g=o(g)}catch(w){return i.error(w)}var y=a.from(g).subscribe({next:function(w){i.next(w)},error:function(w){i.error(w)},complete:function(){var w=c.indexOf(y);w>=0&&c.splice(w,1),p()}});c.push(y)},error:function(g){i.error(g)},complete:function(){p()}});function p(){l.closed&&c.length===0&&i.complete()}return function(){c.forEach(function(g){return g.unsubscribe()}),l.unsubscribe()}})},t[fr]=function(){return this},e.from=function(o){var s=typeof this=="function"?this:e;if(o==null)throw new TypeError(o+" is not an object");var a=Kt(o,fr);if(a){var i=a.call(o);if(Object(i)!==i)throw new TypeError(i+" is not an object");return hs(i)&&i.constructor===s?i:new s(function(c){return i.subscribe(c)})}if(Cr("iterator")&&(a=Kt(o,ps),a))return new s(function(c){qt(function(){if(!c.closed){for(var l=fs(a.call(o)),p;!(p=l()).done;){var g=p.value;if(c.next(g),c.closed)return}c.complete()}})});if(Array.isArray(o))return new s(function(c){qt(function(){if(!c.closed){for(var l=0;l<o.length;++l)if(c.next(o[l]),c.closed)return;c.complete()}})});throw new TypeError(o+" is not observable")},e.of=function(){for(var o=arguments.length,s=new Array(o),a=0;a<o;a++)s[a]=arguments[a];var i=typeof this=="function"?this:e;return new i(function(c){qt(function(){if(!c.closed){for(var l=0;l<s.length;++l)if(c.next(s[l]),c.closed)return;c.complete()}})})},Sr(e,null,[{key:qn,get:function(){return this}}]),e})();Nr()&&Object.defineProperty(le,Symbol("extensions"),{value:{symbol:fr,hostReportError:pt},configurable:!0});function ys(e){var t,r=e.Symbol;if(typeof r=="function")if(r.observable)t=r.observable;else{typeof r.for=="function"?t=r.for("https://github.com/benlesh/symbol-observable"):t=r("https://github.com/benlesh/symbol-observable");try{r.observable=t}catch{}}else t="@@observable";return t}var ft;typeof self<"u"?ft=self:typeof window<"u"?ft=window:typeof global<"u"?ft=global:typeof module<"u"?ft=module:ft=Function("return this")();ys(ft);var dn=le.prototype,un="@@observable";dn[un]||(dn[un]=function(){return this});function bs(e){for(var t=["query","operationName","variables","extensions","context"],r=0,o=Object.keys(e);r<o.length;r++){var s=o[r];if(t.indexOf(s)<0)throw Mn(58,s)}return e}function vs(e,t){var r=Je({},e),o=function(a){typeof a=="function"?r=Je(Je({},r),a(r)):r=Je(Je({},r),a)},s=function(){return Je({},r)};return Object.defineProperty(t,"setContext",{enumerable:!1,value:o}),Object.defineProperty(t,"getContext",{enumerable:!1,value:s}),t}function js(e){var t={variables:e.variables||{},extensions:e.extensions||{},operationName:e.operationName,query:e.query};return t.operationName||(t.operationName=typeof t.query!="string"?ls(t.query)||void 0:""),t}var ks=Symbol.for("apollo.deprecations"),Ss=ur,Ns=new kr;function Cs(e){return Ss[ks]||(Ns.getValue()||[]).includes(e)}function _s(e,t){Cs(e)||t()}function fn(e,t){return t?t(e):le.of()}function kt(e){return typeof e=="function"?new Vn(e):e}function Bt(e){return e.request.length<=1}var Vn=(function(){function e(t){t&&(this.request=t)}return e.empty=function(){return new e(function(){return le.of()})},e.from=function(t){return t.length===0?e.empty():t.map(kt).reduce(function(r,o){return r.concat(o)})},e.split=function(t,r,o){var s=kt(r),a=kt(o||new e(fn)),i;return Bt(s)&&Bt(a)?i=new e(function(c){return t(c)?s.request(c)||le.of():a.request(c)||le.of()}):i=new e(function(c,l){return t(c)?s.request(c,l)||le.of():a.request(c,l)||le.of()}),Object.assign(i,{left:s,right:a})},e.execute=function(t,r){return t.request(vs(r.context,js(bs(r))))||le.of()},e.concat=function(t,r){var o=kt(t);if(Bt(o))return globalThis.__DEV__!==!1&&rr.warn(47,o),o;var s=kt(r),a;return Bt(s)?a=new e(function(i){return o.request(i,function(c){return s.request(c)||le.of()})||le.of()}):a=new e(function(i,c){return o.request(i,function(l){return s.request(l,c)||le.of()})||le.of()}),Object.assign(a,{left:o,right:s})},e.prototype.split=function(t,r,o){return this.concat(e.split(t,r,o||new e(fn)))},e.prototype.concat=function(t){return e.concat(this,t)},e.prototype.request=function(t,r){throw Mn(48)},e.prototype.onError=function(t,r){if(globalThis.__DEV__!==!1&&_s("onError",function(){globalThis.__DEV__!==!1&&rr.warn(49)}),r&&r.error)return r.error(t),!1;throw t},e.prototype.setOnError=function(t){return globalThis.__DEV__!==!1&&globalThis.__DEV__!==!1&&rr.warn(50),this.onError=t,this},e})();function Is(e){return new Vn(function(t,r){var o=ns(t,[]);return new le(function(s){var a,i=!1;return Promise.resolve(o).then(function(c){return e(c,t.getContext())}).then(t.setContext).then(function(){i||(a=r(t).subscribe({next:s.next.bind(s),error:s.error.bind(s),complete:s.complete.bind(s)}))}).catch(s.error.bind(s)),function(){i=!0,a&&a.unsubscribe()}})})}const Fs=async()=>{const e="https://auth.australia-southeast1.gcp.commercetools.com/oauth/token",o="Basic "+btoa(encodeURIComponent("tfegsSBVOYnR7e_yE-AjxVVN")+":"+encodeURIComponent("pyKWgHuTxuMwDygh9JH1ehLEaLvAhBo4"));try{const s=await oe.post(e,new URLSearchParams({grant_type:"client_credentials"}),{headers:{"Content-Type":"application/x-www-form-urlencoded",Authorization:o}});return s.status===200&&s.data.access_token?s.data.access_token:(console.error("Failed to fetch token:",s.data),null)}catch(s){return oe.isAxiosError(s)?console.error("Error fetching token:",s.response||s.message):console.error("Unexpected error:",s),null}},Ps="https://api.australia-southeast1.gcp.commercetools.com/kt-demo/graphql",Es=Ht.createHttpLink({uri:`${Ps}`}),Ts=Is(async(e,{headers:t})=>{const r=await Fs();return{headers:{...t,authorization:`Bearer ${r}`}}}),Os=new Ht.ApolloClient({link:Ts.concat(Es),cache:new Ht.InMemoryCache,defaultOptions:{watchQuery:{fetchPolicy:"cache-and-network"}}}),As=e=>{const{tanyaConfig:t}=e;return n.jsx(Ht.ApolloProvider,{client:Os,children:n.jsx(Uo,{children:n.jsx(ts,{tanyaConfig:t})})})};function $s(e,t){const r=e.icons,o=e.aliases||Object.create(null),s=Object.create(null);function a(i){if(r[i])return s[i]=[];if(!(i in s)){s[i]=null;const c=o[i]&&o[i].parent,l=c&&a(c);l&&(s[i]=[c].concat(l))}return s[i]}return Object.keys(r).concat(Object.keys(o)).forEach(a),s}const Hn=Object.freeze({left:0,top:0,width:16,height:16}),Wt=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),Ir=Object.freeze({...Hn,...Wt}),pr=Object.freeze({...Ir,body:"",hidden:!1});function Ls(e,t){const r={};!e.hFlip!=!t.hFlip&&(r.hFlip=!0),!e.vFlip!=!t.vFlip&&(r.vFlip=!0);const o=((e.rotate||0)+(t.rotate||0))%4;return o&&(r.rotate=o),r}function mn(e,t){const r=Ls(e,t);for(const o in pr)o in Wt?o in e&&!(o in r)&&(r[o]=Wt[o]):o in t?r[o]=t[o]:o in e&&(r[o]=e[o]);return r}function zs(e,t,r){const o=e.icons,s=e.aliases||Object.create(null);let a={};function i(c){a=mn(o[c]||s[c],a)}return i(t),r.forEach(i),mn(e,a)}function Yn(e,t){const r=[];if(typeof e!="object"||typeof e.icons!="object")return r;e.not_found instanceof Array&&e.not_found.forEach(s=>{t(s,null),r.push(s)});const o=$s(e);for(const s in o){const a=o[s];a&&(t(s,zs(e,s,a)),r.push(s))}return r}const Ds={provider:"",aliases:{},not_found:{},...Hn};function sr(e,t){for(const r in t)if(r in e&&typeof e[r]!=typeof t[r])return!1;return!0}function Jn(e){if(typeof e!="object"||e===null)return null;const t=e;if(typeof t.prefix!="string"||!e.icons||typeof e.icons!="object"||!sr(e,Ds))return null;const r=t.icons;for(const s in r){const a=r[s];if(!s||typeof a.body!="string"||!sr(a,pr))return null}const o=t.aliases||Object.create(null);for(const s in o){const a=o[s],i=a.parent;if(!s||typeof i!="string"||!r[i]&&!o[i]||!sr(a,pr))return null}return t}const pn=Object.create(null);function Ms(e,t){return{provider:e,prefix:t,icons:Object.create(null),missing:new Set}}function ht(e,t){const r=pn[e]||(pn[e]=Object.create(null));return r[t]||(r[t]=Ms(e,t))}function Kn(e,t){return Jn(t)?Yn(t,(r,o)=>{o?e.icons[r]=o:e.missing.add(r)}):[]}function Bs(e,t,r){try{if(typeof r.body=="string")return e.icons[t]={...r},!0}catch{}return!1}const Wn=/^[a-z0-9]+(-[a-z0-9]+)*$/,Qt=(e,t,r,o="")=>{const s=e.split(":");if(e.slice(0,1)==="@"){if(s.length<2||s.length>3)return null;o=s.shift().slice(1)}if(s.length>3||!s.length)return null;if(s.length>1){const c=s.pop(),l=s.pop(),p={provider:s.length>0?s[0]:o,prefix:l,name:c};return t&&!Ut(p)?null:p}const a=s[0],i=a.split("-");if(i.length>1){const c={provider:o,prefix:i.shift(),name:i.join("-")};return t&&!Ut(c)?null:c}if(r&&o===""){const c={provider:o,prefix:"",name:a};return t&&!Ut(c,r)?null:c}return null},Ut=(e,t)=>e?!!((t&&e.prefix===""||e.prefix)&&e.name):!1;let Et=!1;function Qn(e){return typeof e=="boolean"&&(Et=e),Et}function hn(e){const t=typeof e=="string"?Qt(e,!0,Et):e;if(t){const r=ht(t.provider,t.prefix),o=t.name;return r.icons[o]||(r.missing.has(o)?null:void 0)}}function qs(e,t){const r=Qt(e,!0,Et);if(!r)return!1;const o=ht(r.provider,r.prefix);return t?Bs(o,r.name,t):(o.missing.add(r.name),!0)}function Us(e,t){if(typeof e!="object")return!1;if(typeof t!="string"&&(t=e.provider||""),Et&&!t&&!e.prefix){let s=!1;return Jn(e)&&(e.prefix="",Yn(e,(a,i)=>{qs(a,i)&&(s=!0)})),s}const r=e.prefix;if(!Ut({prefix:r,name:"a"}))return!1;const o=ht(t,r);return!!Kn(o,e)}const Xn=Object.freeze({width:null,height:null}),Gn=Object.freeze({...Xn,...Wt}),Rs=/(-?[0-9.]*[0-9]+[0-9.]*)/g,Vs=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function gn(e,t,r){if(t===1)return e;if(r=r||100,typeof e=="number")return Math.ceil(e*t*r)/r;if(typeof e!="string")return e;const o=e.split(Rs);if(o===null||!o.length)return e;const s=[];let a=o.shift(),i=Vs.test(a);for(;;){if(i){const c=parseFloat(a);isNaN(c)?s.push(a):s.push(Math.ceil(c*t*r)/r)}else s.push(a);if(a=o.shift(),a===void 0)return s.join("");i=!i}}function Hs(e,t="defs"){let r="";const o=e.indexOf("<"+t);for(;o>=0;){const s=e.indexOf(">",o),a=e.indexOf("</"+t);if(s===-1||a===-1)break;const i=e.indexOf(">",a);if(i===-1)break;r+=e.slice(s+1,a).trim(),e=e.slice(0,o).trim()+e.slice(i+1)}return{defs:r,content:e}}function Ys(e,t){return e?"<defs>"+e+"</defs>"+t:t}function Js(e,t,r){const o=Hs(e);return Ys(o.defs,t+o.content+r)}const Ks=e=>e==="unset"||e==="undefined"||e==="none";function Ws(e,t){const r={...Ir,...e},o={...Gn,...t},s={left:r.left,top:r.top,width:r.width,height:r.height};let a=r.body;[r,o].forEach(P=>{const j=[],I=P.hFlip,Q=P.vFlip;let R=P.rotate;I?Q?R+=2:(j.push("translate("+(s.width+s.left).toString()+" "+(0-s.top).toString()+")"),j.push("scale(-1 1)"),s.top=s.left=0):Q&&(j.push("translate("+(0-s.left).toString()+" "+(s.height+s.top).toString()+")"),j.push("scale(1 -1)"),s.top=s.left=0);let X;switch(R<0&&(R-=Math.floor(R/4)*4),R=R%4,R){case 1:X=s.height/2+s.top,j.unshift("rotate(90 "+X.toString()+" "+X.toString()+")");break;case 2:j.unshift("rotate(180 "+(s.width/2+s.left).toString()+" "+(s.height/2+s.top).toString()+")");break;case 3:X=s.width/2+s.left,j.unshift("rotate(-90 "+X.toString()+" "+X.toString()+")");break}R%2===1&&(s.left!==s.top&&(X=s.left,s.left=s.top,s.top=X),s.width!==s.height&&(X=s.width,s.width=s.height,s.height=X)),j.length&&(a=Js(a,'<g transform="'+j.join(" ")+'">',"</g>"))});const i=o.width,c=o.height,l=s.width,p=s.height;let g,y;i===null?(y=c===null?"1em":c==="auto"?p:c,g=gn(y,l/p)):(g=i==="auto"?l:i,y=c===null?gn(g,p/l):c==="auto"?p:c);const w={},C=(P,j)=>{Ks(j)||(w[P]=j.toString())};C("width",g),C("height",y);const S=[s.left,s.top,l,p];return w.viewBox=S.join(" "),{attributes:w,viewBox:S,body:a}}const Qs=/\sid="(\S+)"/g,Xs="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Gs=0;function Zs(e,t=Xs){const r=[];let o;for(;o=Qs.exec(e);)r.push(o[1]);if(!r.length)return e;const s="suffix"+(Math.random()*16777216|Date.now()).toString(16);return r.forEach(a=>{const i=typeof t=="function"?t(a):t+(Gs++).toString(),c=a.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");e=e.replace(new RegExp('([#;"])('+c+')([")]|\\.[a-z])',"g"),"$1"+i+s+"$3")}),e=e.replace(new RegExp(s,"g"),""),e}const hr=Object.create(null);function ea(e,t){hr[e]=t}function gr(e){return hr[e]||hr[""]}function Fr(e){let t;if(typeof e.resources=="string")t=[e.resources];else if(t=e.resources,!(t instanceof Array)||!t.length)return null;return{resources:t,path:e.path||"/",maxURL:e.maxURL||500,rotate:e.rotate||750,timeout:e.timeout||5e3,random:e.random===!0,index:e.index||0,dataAfterTimeout:e.dataAfterTimeout!==!1}}const Pr=Object.create(null),St=["https://api.simplesvg.com","https://api.unisvg.com"],Rt=[];for(;St.length>0;)St.length===1||Math.random()>.5?Rt.push(St.shift()):Rt.push(St.pop());Pr[""]=Fr({resources:["https://api.iconify.design"].concat(Rt)});function ta(e,t){const r=Fr(t);return r===null?!1:(Pr[e]=r,!0)}function Er(e){return Pr[e]}const ra=()=>{let e;try{if(e=fetch,typeof e=="function")return e}catch{}};let xn=ra();function na(e,t){const r=Er(e);if(!r)return 0;let o;if(!r.maxURL)o=0;else{let s=0;r.resources.forEach(i=>{s=Math.max(s,i.length)});const a=t+".json?icons=";o=r.maxURL-s-r.path.length-a.length}return o}function oa(e){return e===404}const sa=(e,t,r)=>{const o=[],s=na(e,t),a="icons";let i={type:a,provider:e,prefix:t,icons:[]},c=0;return r.forEach((l,p)=>{c+=l.length+1,c>=s&&p>0&&(o.push(i),i={type:a,provider:e,prefix:t,icons:[]},c=l.length),i.icons.push(l)}),o.push(i),o};function aa(e){if(typeof e=="string"){const t=Er(e);if(t)return t.path}return"/"}const ia=(e,t,r)=>{if(!xn){r("abort",424);return}let o=aa(t.provider);switch(t.type){case"icons":{const a=t.prefix,c=t.icons.join(","),l=new URLSearchParams({icons:c});o+=a+".json?"+l.toString();break}case"custom":{const a=t.uri;o+=a.slice(0,1)==="/"?a.slice(1):a;break}default:r("abort",400);return}let s=503;xn(e+o).then(a=>{const i=a.status;if(i!==200){setTimeout(()=>{r(oa(i)?"abort":"next",i)});return}return s=501,a.json()}).then(a=>{if(typeof a!="object"||a===null){setTimeout(()=>{a===404?r("abort",a):r("next",s)});return}setTimeout(()=>{r("success",a)})}).catch(()=>{r("next",s)})},la={prepare:sa,send:ia};function Zn(e,t){e.forEach(r=>{const o=r.loaderCallbacks;o&&(r.loaderCallbacks=o.filter(s=>s.id!==t))})}function ca(e){e.pendingCallbacksFlag||(e.pendingCallbacksFlag=!0,setTimeout(()=>{e.pendingCallbacksFlag=!1;const t=e.loaderCallbacks?e.loaderCallbacks.slice(0):[];if(!t.length)return;let r=!1;const o=e.provider,s=e.prefix;t.forEach(a=>{const i=a.icons,c=i.pending.length;i.pending=i.pending.filter(l=>{if(l.prefix!==s)return!0;const p=l.name;if(e.icons[p])i.loaded.push({provider:o,prefix:s,name:p});else if(e.missing.has(p))i.missing.push({provider:o,prefix:s,name:p});else return r=!0,!0;return!1}),i.pending.length!==c&&(r||Zn([e],a.id),a.callback(i.loaded.slice(0),i.missing.slice(0),i.pending.slice(0),a.abort))})}))}let da=0;function ua(e,t,r){const o=da++,s=Zn.bind(null,r,o);if(!t.pending.length)return s;const a={id:o,icons:t,callback:e,abort:s};return r.forEach(i=>{(i.loaderCallbacks||(i.loaderCallbacks=[])).push(a)}),s}function fa(e){const t={loaded:[],missing:[],pending:[]},r=Object.create(null);e.sort((s,a)=>s.provider!==a.provider?s.provider.localeCompare(a.provider):s.prefix!==a.prefix?s.prefix.localeCompare(a.prefix):s.name.localeCompare(a.name));let o={provider:"",prefix:"",name:""};return e.forEach(s=>{if(o.name===s.name&&o.prefix===s.prefix&&o.provider===s.provider)return;o=s;const a=s.provider,i=s.prefix,c=s.name,l=r[a]||(r[a]=Object.create(null)),p=l[i]||(l[i]=ht(a,i));let g;c in p.icons?g=t.loaded:i===""||p.missing.has(c)?g=t.missing:g=t.pending;const y={provider:a,prefix:i,name:c};g.push(y)}),t}function ma(e,t=!0,r=!1){const o=[];return e.forEach(s=>{const a=typeof s=="string"?Qt(s,t,r):s;a&&o.push(a)}),o}const pa={resources:[],index:0,timeout:2e3,rotate:750,random:!1,dataAfterTimeout:!1};function ha(e,t,r,o){const s=e.resources.length,a=e.random?Math.floor(Math.random()*s):e.index;let i;if(e.random){let F=e.resources.slice(0);for(i=[];F.length>1;){const V=Math.floor(Math.random()*F.length);i.push(F[V]),F=F.slice(0,V).concat(F.slice(V+1))}i=i.concat(F)}else i=e.resources.slice(a).concat(e.resources.slice(0,a));const c=Date.now();let l="pending",p=0,g,y=null,w=[],C=[];typeof o=="function"&&C.push(o);function S(){y&&(clearTimeout(y),y=null)}function P(){l==="pending"&&(l="aborted"),S(),w.forEach(F=>{F.status==="pending"&&(F.status="aborted")}),w=[]}function j(F,V){V&&(C=[]),typeof F=="function"&&C.push(F)}function I(){return{startTime:c,payload:t,status:l,queriesSent:p,queriesPending:w.length,subscribe:j,abort:P}}function Q(){l="failed",C.forEach(F=>{F(void 0,g)})}function R(){w.forEach(F=>{F.status==="pending"&&(F.status="aborted")}),w=[]}function X(F,V,ce){const B=V!=="success";switch(w=w.filter(de=>de!==F),l){case"pending":break;case"failed":if(B||!e.dataAfterTimeout)return;break;default:return}if(V==="abort"){g=ce,Q();return}if(B){g=ce,w.length||(i.length?Oe():Q());return}if(S(),R(),!e.random){const de=e.resources.indexOf(F.resource);de!==-1&&de!==e.index&&(e.index=de)}l="completed",C.forEach(de=>{de(ce)})}function Oe(){if(l!=="pending")return;S();const F=i.shift();if(F===void 0){if(w.length){y=setTimeout(()=>{S(),l==="pending"&&(R(),Q())},e.timeout);return}Q();return}const V={status:"pending",resource:F,callback:(ce,B)=>{X(V,ce,B)}};w.push(V),p++,y=setTimeout(Oe,e.rotate),r(F,t,V.callback)}return setTimeout(Oe),I}function eo(e){const t={...pa,...e};let r=[];function o(){r=r.filter(c=>c().status==="pending")}function s(c,l,p){const g=ha(t,c,l,(y,w)=>{o(),p&&p(y,w)});return r.push(g),g}function a(c){return r.find(l=>c(l))||null}return{query:s,find:a,setIndex:c=>{t.index=c},getIndex:()=>t.index,cleanup:o}}function wn(){}const ar=Object.create(null);function ga(e){if(!ar[e]){const t=Er(e);if(!t)return;const r=eo(t),o={config:t,redundancy:r};ar[e]=o}return ar[e]}function xa(e,t,r){let o,s;if(typeof e=="string"){const a=gr(e);if(!a)return r(void 0,424),wn;s=a.send;const i=ga(e);i&&(o=i.redundancy)}else{const a=Fr(e);if(a){o=eo(a);const i=e.resources?e.resources[0]:"",c=gr(i);c&&(s=c.send)}}return!o||!s?(r(void 0,424),wn):o.query(t,s,r)().abort}function yn(){}function wa(e){e.iconsLoaderFlag||(e.iconsLoaderFlag=!0,setTimeout(()=>{e.iconsLoaderFlag=!1,ca(e)}))}function ya(e){const t=[],r=[];return e.forEach(o=>{(o.match(Wn)?t:r).push(o)}),{valid:t,invalid:r}}function Nt(e,t,r){function o(){const s=e.pendingIcons;t.forEach(a=>{s&&s.delete(a),e.icons[a]||e.missing.add(a)})}if(r&&typeof r=="object")try{if(!Kn(e,r).length){o();return}}catch(s){console.error(s)}o(),wa(e)}function bn(e,t){e instanceof Promise?e.then(r=>{t(r)}).catch(()=>{t(null)}):t(e)}function ba(e,t){e.iconsToLoad?e.iconsToLoad=e.iconsToLoad.concat(t).sort():e.iconsToLoad=t,e.iconsQueueFlag||(e.iconsQueueFlag=!0,setTimeout(()=>{e.iconsQueueFlag=!1;const{provider:r,prefix:o}=e,s=e.iconsToLoad;if(delete e.iconsToLoad,!s||!s.length)return;const a=e.loadIcon;if(e.loadIcons&&(s.length>1||!a)){bn(e.loadIcons(s,o,r),g=>{Nt(e,s,g)});return}if(a){s.forEach(g=>{const y=a(g,o,r);bn(y,w=>{const C=w?{prefix:o,icons:{[g]:w}}:null;Nt(e,[g],C)})});return}const{valid:i,invalid:c}=ya(s);if(c.length&&Nt(e,c,null),!i.length)return;const l=o.match(Wn)?gr(r):null;if(!l){Nt(e,i,null);return}l.prepare(r,o,i).forEach(g=>{xa(r,g,y=>{Nt(e,g.icons,y)})})}))}const va=(e,t)=>{const r=ma(e,!0,Qn()),o=fa(r);if(!o.pending.length){let l=!0;return t&&setTimeout(()=>{l&&t(o.loaded,o.missing,o.pending,yn)}),()=>{l=!1}}const s=Object.create(null),a=[];let i,c;return o.pending.forEach(l=>{const{provider:p,prefix:g}=l;if(g===c&&p===i)return;i=p,c=g,a.push(ht(p,g));const y=s[p]||(s[p]=Object.create(null));y[g]||(y[g]=[])}),o.pending.forEach(l=>{const{provider:p,prefix:g,name:y}=l,w=ht(p,g),C=w.pendingIcons||(w.pendingIcons=new Set);C.has(y)||(C.add(y),s[p][g].push(y))}),a.forEach(l=>{const p=s[l.provider][l.prefix];p.length&&ba(l,p)}),t?ua(t,o,a):yn};function ja(e,t){const r={...e};for(const o in t){const s=t[o],a=typeof s;o in Xn?(s===null||s&&(a==="string"||a==="number"))&&(r[o]=s):a===typeof r[o]&&(r[o]=o==="rotate"?s%4:s)}return r}const ka=/[\s,]+/;function Sa(e,t){t.split(ka).forEach(r=>{switch(r.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function Na(e,t=0){const r=e.replace(/^-?[0-9.]*/,"");function o(s){for(;s<0;)s+=4;return s%4}if(r===""){const s=parseInt(e);return isNaN(s)?0:o(s)}else if(r!==e){let s=0;switch(r){case"%":s=25;break;case"deg":s=90}if(s){let a=parseFloat(e.slice(0,e.length-r.length));return isNaN(a)?0:(a=a/s,a%1===0?o(a):0)}}return t}function Ca(e,t){let r=e.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const o in t)r+=" "+o+'="'+t[o]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+r+">"+e+"</svg>"}function _a(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function Ia(e){return"data:image/svg+xml,"+_a(e)}function Fa(e){return'url("'+Ia(e)+'")'}let It;function Pa(){try{It=window.trustedTypes.createPolicy("iconify",{createHTML:e=>e})}catch{It=null}}function Ea(e){return It===void 0&&Pa(),It?It.createHTML(e):e}const to={...Gn,inline:!1},Ta={xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},Oa={display:"inline-block"},xr={backgroundColor:"currentColor"},ro={backgroundColor:"transparent"},vn={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},jn={WebkitMask:xr,mask:xr,background:ro};for(const e in jn){const t=jn[e];for(const r in vn)t[e+r]=vn[r]}const Aa={...to,inline:!0};function kn(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const $a=(e,t,r)=>{const o=t.inline?Aa:to,s=ja(o,t),a=t.mode||"svg",i={},c=t.style||{},l={...a==="svg"?Ta:{}};if(r){const j=Qt(r,!1,!0);if(j){const I=["iconify"],Q=["provider","prefix"];for(const R of Q)j[R]&&I.push("iconify--"+j[R]);l.className=I.join(" ")}}for(let j in t){const I=t[j];if(I!==void 0)switch(j){case"icon":case"style":case"children":case"onLoad":case"mode":case"ssr":case"fallback":break;case"_ref":l.ref=I;break;case"className":l[j]=(l[j]?l[j]+" ":"")+I;break;case"inline":case"hFlip":case"vFlip":s[j]=I===!0||I==="true"||I===1;break;case"flip":typeof I=="string"&&Sa(s,I);break;case"color":i.color=I;break;case"rotate":typeof I=="string"?s[j]=Na(I):typeof I=="number"&&(s[j]=I);break;case"ariaHidden":case"aria-hidden":I!==!0&&I!=="true"&&delete l["aria-hidden"];break;default:o[j]===void 0&&(l[j]=I)}}const p=Ws(e,s),g=p.attributes;if(s.inline&&(i.verticalAlign="-0.125em"),a==="svg"){l.style={...i,...c},Object.assign(l,g);let j=0,I=t.id;return typeof I=="string"&&(I=I.replace(/-/g,"_")),l.dangerouslySetInnerHTML={__html:Ea(Zs(p.body,I?()=>I+"ID"+j++:"iconifyReact"))},h.createElement("svg",l)}const{body:y,width:w,height:C}=e,S=a==="mask"||(a==="bg"?!1:y.indexOf("currentColor")!==-1),P=Ca(y,{...g,width:w+"",height:C+""});return l.style={...i,"--svg":Fa(P),width:kn(g.width),height:kn(g.height),...Oa,...S?xr:ro,...c},h.createElement("span",l)};Qn(!0);ea("",la);if(typeof document<"u"&&typeof window<"u"){const e=window;if(e.IconifyPreload!==void 0){const t=e.IconifyPreload,r="Invalid IconifyPreload syntax.";typeof t=="object"&&t!==null&&(t instanceof Array?t:[t]).forEach(o=>{try{(typeof o!="object"||o===null||o instanceof Array||typeof o.icons!="object"||typeof o.prefix!="string"||!Us(o))&&console.error(r)}catch{console.error(r)}})}if(e.IconifyProviders!==void 0){const t=e.IconifyProviders;if(typeof t=="object"&&t!==null)for(let r in t){const o="IconifyProviders["+r+"] is invalid.";try{const s=t[r];if(typeof s!="object"||!s||s.resources===void 0)continue;ta(r,s)||console.error(o)}catch{console.error(o)}}}}function no(e){const[t,r]=h.useState(!!e.ssr),[o,s]=h.useState({});function a(C){if(C){const S=e.icon;if(typeof S=="object")return{name:"",data:S};const P=hn(S);if(P)return{name:S,data:P}}return{name:""}}const[i,c]=h.useState(a(!!e.ssr));function l(){const C=o.callback;C&&(C(),s({}))}function p(C){if(JSON.stringify(i)!==JSON.stringify(C))return l(),c(C),!0}function g(){var C;const S=e.icon;if(typeof S=="object"){p({name:"",data:S});return}const P=hn(S);if(p({name:S,data:P}))if(P===void 0){const j=va([S],g);s({callback:j})}else P&&((C=e.onLoad)===null||C===void 0||C.call(e,S))}h.useEffect(()=>(r(!0),l),[]),h.useEffect(()=>{t&&g()},[e.icon,t]);const{name:y,data:w}=i;return w?$a({...Ir,...w},e,y):e.children?e.children:e.fallback?e.fallback:h.createElement("span",{})}const ne=h.forwardRef((e,t)=>no({...e,_ref:t}));h.forwardRef((e,t)=>no({inline:!0,...e,_ref:t}));const mt="USD",La=(e,t=mt)=>{const r=(e==null?void 0:e.prices)??[];if(!r.length)return null;const o=i=>{var p,g;const c=i.find(y=>{var w;return!!((w=y.discounted)!=null&&w.value)});if(c)return{cent:c.discounted.value.centAmount,cur:c.discounted.value.currencyCode,regularCent:(p=c.value)==null?void 0:p.centAmount};const l=(g=i[0])==null?void 0:g.value;return l?{cent:l.centAmount,cur:l.currencyCode}:null},s=r.filter(i=>{var c,l;return((l=((c=i.discounted)==null?void 0:c.value)||i.value)==null?void 0:l.currencyCode)===t}),a=o(s);return a||o(r)||null},za=(e,t)=>{if(!Array.isArray(e))return"";const r=e.find(o=>o.name===t)||e.find(o=>{var s;return((s=o.name)==null?void 0:s.toLowerCase())===t.toLowerCase()});return!r||!r.value?"":typeof r.value=="object"?r.value.label||"":r.value},Da=e=>{let t="";if(Array.isArray(e)){const r=e.find(o=>o.name==="size")||e.find(o=>o.name==="Size");r&&r.value&&(t=typeof r.value=="object"?r.value.label||"":r.value)}return{sizeLabel:t}},Ct=e=>za((e==null?void 0:e.attributesRaw)??[],"color"),_t=e=>Da((e==null?void 0:e.attributesRaw)??[]).sizeLabel,Ye=e=>e.charAt(0).toUpperCase()+e.slice(1),Ma={standard:{label:"Standard Delivery",fee:0,subtitle:"Arrives in 4–6 days (Free)",icon:"mdi:clock-outline"},express:{label:"Express Delivery",fee:5,subtitle:"Arrives in 1–2 days (+$5)",icon:"mdi:flash"},sameday:{label:"Same-Day Delivery",fee:10,subtitle:"Available in select locations (+$10)",icon:"mdi:truck-fast-outline"}},rt=(e,t)=>{try{return e.toLocaleString("en-US",{style:"currency",currency:t||"USD"})}catch{return`${t} ${e.toFixed(2)}`}},Ba=e=>e==null?void 0:e.masterVariant,Sn=e=>Array.isArray(e==null?void 0:e.variants)?e.variants:[],wr=e=>{const t=Ba(e);return t?[t,...Sn(e)]:Sn(e)},qa=(e,t=0)=>wr(e)[t],Ua=e=>{var t,r;return((r=(t=e==null?void 0:e.images)==null?void 0:t[0])==null?void 0:r.url)??""},Nn=(e,t)=>{var r,o,s,a,i,c,l,p;return Ua(t)||((a=(s=(o=(r=e.imageGroups)==null?void 0:r[0])==null?void 0:o.images)==null?void 0:s[0])==null?void 0:a.link)||((p=(l=(c=(i=e.image_groups)==null?void 0:i[0])==null?void 0:c.images)==null?void 0:l[0])==null?void 0:p.link)||""},Cn=e=>(e==null?void 0:e.name)||(e==null?void 0:e.title)||(e==null?void 0:e.productName)||"any",Vt=e=>{var a,i,c,l,p,g;const t=e?La(e,mt):null;if(t!=null&&t.cent&&(t!=null&&t.cur))return{amount:+(t.cent/100),currency:t.cur,regularAmount:t.regularCent?t.regularCent/100:void 0};const r=(c=(i=(a=e==null?void 0:e.prices)==null?void 0:a[0])==null?void 0:i.value)==null?void 0:c.centAmount,o=((g=(p=(l=e==null?void 0:e.prices)==null?void 0:l[0])==null?void 0:p.value)==null?void 0:g.currencyCode)??mt;return{amount:Number.isFinite(r)?+(Number(r)/100):0,currency:o}},_n=(e,t)=>{const{amount:r}=Vt(t);if(r)return r;const o=(e==null?void 0:e.price)??(e==null?void 0:e.sellingPrice)??(e==null?void 0:e.unitPrice)??(e==null?void 0:e.mrp)??0,s=Number(o);return Number.isFinite(s)?s:0},Ra=e=>{var t;return(e==null?void 0:e.sku)||((t=e==null?void 0:e.variant)==null?void 0:t.sku)||(e==null?void 0:e.selectedSku)||""},Va=e=>{var t;return(e==null?void 0:e.color)||(e==null?void 0:e.selectedColor)||((t=e==null?void 0:e.variant)==null?void 0:t.color)||""},Ha=e=>{var t;return(e==null?void 0:e.size)||(e==null?void 0:e.selectedSize)||((t=e==null?void 0:e.variant)==null?void 0:t.size)||""},In=20,Ya=({open:e,onClose:t,product:r,index:o,addresses:s,addressLoading:a,variationAttributes:i,customerId:c})=>{const g=wr(r),y=Math.min(Math.max(0,o||0),Math.max(0,g.length-1)),[w,C]=h.useState([]),[S,P]=h.useState(0),[j,I]=h.useState([]),[Q,R]=h.useState(0),X=(d,f,u)=>{const{colorMap:x,sizeMap:v}=Oe(u),_={};f==null||f.forEach(E=>{var ie,De,Ce;const U=(ie=E.variationAttributes)==null?void 0:ie.find(Re=>Re.id==="color"),$=(Ce=(De=U==null?void 0:U.values)==null?void 0:De[0])==null?void 0:Ce.value;$&&(_[$]||(_[$]={}),_[$][E.viewType]=E.images)});const M=d.reduce((E,U)=>{const $=U.variationValues.color,ie=U.variationValues.size;return E[$]||(E[$]={color:$,name:x[$]||$,images:_[$]||{},variants:[]}),E[$].variants.push({size:ie,name:v[ie]||ie,...U}),E},{});return Object.values(M).sort((E,U)=>{const $=E.colorName||E.color||"",ie=U.colorName||U.color||"";return $.localeCompare(ie)}).map(E=>({...E,variants:E.variants.sort((U,$)=>Number(U.size)-Number($.size))}))},Oe=d=>{const f={},u={};return d==null||d.forEach(x=>{x.id==="color"&&x.values.forEach(v=>{f[v.value]=v.name}),x.id==="size"&&x.values.forEach(v=>{u[v.value]=v.name})}),{colorMap:f,sizeMap:u}},F=g.length,[V,ce]=h.useState(y),[B,de]=h.useState(null),[te,_e]=h.useState(null);h.useRef(null),h.useRef(null);const k=qa(r,V),[H,z]=h.useState(""),[Ae,gt]=h.useState(""),[Ge,qe]=h.useState(!1),[ye,$e]=h.useState(!1),[Ie,A]=h.useState(!1),[Fe,Le]=h.useState(""),[he,Pe]=h.useState(!1),[se,m]=h.useState(null),[D,T]=h.useState([]),[G,W]=h.useState([]),[O,ue]=h.useState([]),[Y,q]=h.useState(!1),[Z,ze]=h.useState(),[He,be]=h.useState(!0),[ee,fe]=h.useState(!1),[ve,me]=h.useState(!1),[b,Se]=h.useState({id:"001"}),[L,J]=h.useState(!1),[Ne,ge]=h.useState(!1),[Ue,Tt]=h.useState("card"),[ae,je]=h.useState(!1),[xt,N]=h.useState(!1),[xe,pe]=h.useState(!1),[it,oo]=h.useState(null),[Ot,Tr]=h.useState(null),[Xt,Or]=h.useState(""),[Ar,$r]=h.useState(!1),[lt,Lr]=h.useState(r==null?void 0:r.id),At=h.useRef(null);h.useEffect(()=>{var d,f,u,x,v;if(r!=null&&r.variants){const _=X(r.variants,r.imageGroups,i);if(C(_),_.length>0){const M=(d=_[0])==null?void 0:d.name;de(M),_e((u=(f=_[0])==null?void 0:f.variants[0])==null?void 0:u.name),ce(0),Lr((v=(x=_[0])==null?void 0:x.variants[0])==null?void 0:v.id),P(0)}}},[r]),h.useEffect(()=>{At.current&&(At.current.scrollTop=At.current.scrollHeight)},[D,Y,ee,ve,L,Ne,ae,xt,xe,Ge,ye]);const wt="var(--tanya)",zr="var(--tanya-contrast)",K="#804c9e",Gt=K,so=()=>{console.log("AgenticShopping feedback:",{rating:Ot,comment:Xt}),$r(!0)},ao=()=>{Tr(null),Or(""),$r(!0)},Dr=d=>{const u=((d==null?void 0:d.intentMandateId)||(d==null?void 0:d.intent_mandate_id)||(d==null?void 0:d.id)||null)??it;return e?n.jsxs("div",{className:"mt-3 flex items-start gap-3 rounded-lg border border-green-200 bg-green-50 p-4 text-green-800",children:[n.jsx("div",{className:"success-tick-animation",children:n.jsx(ne,{icon:"mdi:check-circle",width:"28",color:"#16a34a"})}),n.jsxs("div",{className:"text-sm w-full",children:[n.jsx("div",{className:"font-semibold",children:"Success!"}),n.jsx("div",{children:"Your smart order has been saved. I’ll watch the price and auto-purchase when the conditions are met."}),u&&n.jsxs("div",{className:"mt-2 text-xs font-medium",children:["Your Smart Order ID: ",n.jsx("span",{className:"font-semibold text-blue-600 cursor-pointer underline",children:u})]}),!Ar&&n.jsxs("div",{className:"mt-4 rounded-lg bg-white/70 p-3 text-gray-900",children:[n.jsx("h4",{className:"font-semibold mb-1",children:"Please post your feedback here"}),n.jsx("p",{className:"text-sm text-gray-700 mb-3",children:"Rate us on how much our response was helpful"}),n.jsx("div",{className:"flex items-center gap-1 mb-3",children:[1,2,3,4,5].map(x=>n.jsx("button",{type:"button",onClick:()=>Tr(x),className:"p-0.5",children:n.jsx(ne,{icon:Ot&&Ot>=x?"mdi:star":"mdi:star-outline",width:"20",className:"text-yellow-500"})},x))}),n.jsx("label",{className:"block text-sm text-gray-700 mb-1",children:"Tell us more about the response"}),n.jsx("textarea",{value:Xt,onChange:x=>Or(x.target.value),rows:3,className:"mt-1 w-full rounded-md border border-gray-300 p-2 text-sm outline-none focus:ring-1 focus:ring-gray-300",placeholder:"Your feedback helps us improve..."}),n.jsxs("div",{className:"mt-3 flex justify-end gap-2",children:[n.jsx("button",{type:"button",onClick:ao,className:"px-4 py-2 rounded-full border text-sm font-medium hover:bg-gray-50",children:"Cancel"}),n.jsx("button",{type:"button",onClick:so,className:"px-4 py-2 rounded-full text-sm font-semibold text-white shadow",style:{background:wt},disabled:!Ot&&!Xt.trim(),children:"Submit"})]})]}),Ar&&n.jsx("div",{className:"mt-3 text-xs text-green-900 font-medium",children:"Thanks for your feedback! 💚"})]})]}):null},io=async()=>{try{ue(s);const d=JSON.parse(sessionStorage.getItem("customerData")||"{}");let f=(d==null?void 0:d.basketId)||localStorage.getItem(Ft);if(!f){const u=await at(),x="Bearer "+(u==null?void 0:u.access_token),v=await br(x);f=(v==null?void 0:v.basket_id)||v.basketId}lo(f),z(f)}catch(d){console.error("Error fetching addresses:",d)}},lo=async d=>{const f=await Go(d);I(f)},yt=(d,f)=>{T(u=>[...u,{query:"",response:"__SNAPSHOT__",snapshotStage:d,snapshotPayload:f}])},Mr=(d,f)=>{T(u=>u.map(x=>x.response==="__CARD__"?{...x,response:"__SNAPSHOT__",snapshotStage:d??x.snapshotStage,snapshotPayload:f??x.snapshotPayload}:x))},co=()=>{T(d=>d.filter(f=>!(f.query===""&&f.response!=="__SNAPSHOT__"&&f.response!=="__TEXT__")))},$t=()=>{N(!1),q(!1),me(!1),ge(!1),fe(!1),J(!1),je(!1),pe(!1),Pe(!1),m(null),co(),qe(!1),$e(!1)},uo=()=>{q(!1),fe(!1),me(!1),Se("standard"),J(!1),ge(!1),Tt("card"),je(!1),N(!1),pe(!1),be(!0),m(null),localStorage.removeItem("agentic_order"),localStorage.removeItem("agentic_order_address"),localStorage.removeItem("agentic_order_delivery"),localStorage.removeItem("agentic_order_payment"),localStorage.removeItem("agentic_order_final")},Lt=h.useMemo(()=>wr(r).map((f,u)=>({index:u,variant:f,images:((f==null?void 0:f.images)||[]).map(x=>(x==null?void 0:x.url)||"").filter(Boolean)})),[r]),bt=h.useMemo(()=>Lt.length?!!((B||void 0)&&(te||void 0)):!1,[Lt,B,te,k]),fo=Ie||he||!bt,vt=d=>{const f=Number((d==null?void 0:d.quantity)??1);return Number.isFinite(f)&&f>0?f:1},Br=d=>{const f=vt(d),u=Number((d==null?void 0:d.max_price_minor)??0);return Number.isFinite(u)&&u>0?+(u/100):+(_n(r,k)*f)},qr=d=>{const f=se,u=Vt(k),x=d||(f==null?void 0:f.currency)||u.currency||mt,v=Br(f),_=+(v*.08).toFixed(2),M=(b==null?void 0:b.price)||0;return{product_total:v,tax:_,shipping_fee:M,currency:x}},Zt=async(d,f,u)=>{Mr(),uo(),A(!0),Pe(!0),qe(!1),$e(!1);const x=G.slice(-In);try{const v=await lr(null,null);if(!v)throw new Error("Failed to fetch token");const _=localStorage.getItem("isLoggedIn"),E=`https://tanya.aspiresystems.com/api/bedrock/invoke/stream?${new URLSearchParams({registered:String(_||!0),userId:String(c||new Date().getTime())}).toString()}`,U=await fetch(`${E}`,{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${v}`},body:JSON.stringify({flowId:"MTMI0P4LC6",flowAliasId:"BCUA138F2Q",input:{instruction:`Use SKU ${f}. Currency is USD. ${d}`,metadata:{productId:(r==null?void 0:r.id)??null,skuId:f??null,variantIndex:u},context:x}})});if(!U.body)throw new Error("Readable stream not supported");const $=U.body.getReader(),ie=new TextDecoder;let De="",Ce="",Re="";for(;;){const{done:we,value:Ze}=await $.read();if(we)break;De+=ie.decode(Ze,{stream:!0});const ct=De.split(`
|
|
17
17
|
`);De=ct.pop()||"";for(const et of ct){if(!et.startsWith("data:"))continue;const dt=et.slice(5).trim();try{const Te=JSON.parse(dt),ke=Te.index,tt=Te.data;ke===0?Ce=String(tt??""):ke===1&&(Re=String(tt??""))}catch(Te){console.error("Error parsing JSON chunk:",Te)}}}let Ee=null;if(Ce){const we=String(Ce).replace(/\\n/g,"").trim();if(we.startsWith("{")&&we.endsWith("}"))try{Ee=JSON.parse(we),Ee.product_id=f,Ee.sku_id=f,localStorage.setItem("agentic_order",JSON.stringify(Ee))}catch(Ze){console.log(Ze)}}m(Ee),Ee&&T(we=>[...we,{query:"",response:"__CARD__",snapshotPayload:{extractedDetails:Ee}}]),W(we=>[...we,{userQuery:d,mainResponse:Ce||"",keywords:Re||""}].slice(-In))}catch(v){console.error("Error sending message to Tanya:",v),Pe(!1)}finally{A(!1)}},Ur=async d=>{if(he||Ie||!bt)return;const f=Fe.trim();if(!f)return;T(x=>[...x,{query:f,response:""}]),Le(""),gt(f);const u=lt||"";if(F<=1){if(u){Zt(f,u,V);return}$e(!0),Pe(!0);return}u?(qe(!0),Pe(!0)):($e(!0),Pe(!0))},mo=()=>{const d=lt;d&&Zt(Ae,d,V)},po=()=>{qe(!1),$e(!0),Pe(!0)},ho=()=>{if(!lt)return;Zt(Ae,lt,V)},go=async()=>{q(!0),me(!1),ge(!1),N(!1),fe(!1),J(!1),je(!1),pe(!1),await io(),console.log("calling"),Mr("initial",{extractedDetails:se??void 0})},xo=()=>{if(!Z)return;const d=O.find(f=>String(f.addressId??f.id)===Z)||null;d&&(localStorage.setItem("agentic_order_address",JSON.stringify(d)),fe(!0),me(!0),J(!1),ge(!1),je(!1),N(!1),pe(!1),yt("address",d))},wo=()=>{fe(!1),me(!1),J(!1),ge(!1),je(!1),N(!1),pe(!1),localStorage.removeItem("agentic_order_address")},yo=()=>{b.id&&(localStorage.setItem("agentic_order_delivery",b.id),J(!0),ge(!0),je(!1),N(!1),pe(!1),yt("delivery",{method:b.id,...b}))},Rr=()=>{me(!1),J(!1),ge(!1),je(!1),N(!1),pe(!1),Pe(!1),$t(),T(d=>[...d,{query:"",response:"__TEXT__",snapshotPayload:{text:"No worries! I’ve cancelled this request. You can start again anytime — just tell me what you’d like to buy or track"}}])},bo=()=>{J(!1),ge(!1),je(!1),N(!1),pe(!1),localStorage.removeItem("agentic_order_delivery")},vo=()=>{Ue&&(localStorage.setItem("agentic_order_payment",Ue),je(!0),N(!0),pe(!1),yt("payment",{method:Ue}))},jo=()=>{ge(!1),je(!1),N(!1),pe(!1),Pe(!1),$t(),T(d=>[...d,{query:"",response:"__TEXT__",snapshotPayload:{text:"No worries! I’ve cancelled this request. You can start again anytime — just tell me what you’d like to buy or track"}}])},ko=()=>{je(!1),N(!1),pe(!1),localStorage.removeItem("agentic_order_payment")},So=async()=>{try{A(!0);const d=se||{},f=JSON.parse(localStorage.getItem("agentic_order_address")||"null"),u=localStorage.getItem("agentic_order_delivery"),x=localStorage.getItem("agentic_order_payment")||"card",{product_total:v,tax:_,shipping_fee:M,currency:E}=qr(),U=c,$=(f==null?void 0:f.addressId)||(f==null?void 0:f.id)||void 0,ie=u??"GROUND",De="card-visa",Ce=lt,Re=(r==null?void 0:r.id)||"",Ee=vt(d),we=typeof d.max_price_minor=="number"?d.max_price_minor:Math.round(v*100),et={shopper_id:U,shipping_address_id:$,shipping_method_id:ie,payment_method_id:De,sku:Ce,platform:"SFCC",storeCode:"Sites-SiteGenesis-Site",product_id:Re,quantity:Ee,max_price_minor:we,currency:E,instruction_text:Ae};if(!U||!$){console.error("Missing shopper_id or shipping_address_id for intent-mandate",{shopperId:U,shippingAddressId:$}),alert("Missing customer or address information. Please re-select address and try again."),A(!1);return}const{serverUrl:dt}=Ke(),Te=await fetch(`${dt}api/intent-mandate`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(et)});if(!Te.ok){const Po=await Te.text().catch(()=>"");console.error("intent-mandate failed",Te.status,Po),alert("Something went wrong while saving your smart order. Please try again."),A(!1);return}const ke=await Te.json().catch(()=>null);console.log("intent-mandate success:",ke);const tt=(ke==null?void 0:ke.intent_mandate_id)||(ke==null?void 0:ke.intent_mandateId)||(ke==null?void 0:ke.key)||null;tt&&oo(tt);const Kr={...d,address:f,delivery:u,payment:x,summary:{product_total:v,tax:_,shipping_fee:M,currency:E},intent_mandate_id:tt};localStorage.setItem("agentic_order_final",JSON.stringify(Kr)),pe(!0),be(!1),yt("final",Kr),yt("success",{intentMandateId:tt}),$t()}catch(d){console.error("Error in handleConfirmWatch / intent-mandate:",d),alert("Unable to complete your smart order right now. Please try again in a moment.")}finally{A(!1)}},Vr=()=>{$t(),T(d=>[...d,{query:"",response:"__TEXT__",snapshotPayload:{text:"No worries! I’ve cancelled this request. You can start again anytime — just tell me what you’d like to buy or track"}}])},No=({selectedIndex:d})=>{var E;const f=((E=w[d])==null?void 0:E.images.large[0].link)||Nn(r,k),u=Cn(r),x=lt||"";Ct(k),_t(k);const{amount:v}=Vt(k),_=!!(r!=null&&r.id),M=_;return n.jsx("div",{className:"mx-4 mt-2 rounded-xl border border-gray-200 bg-white p-4",children:n.jsxs("div",{className:"flex flex-col sm:flex-row items-center sm:items-center gap-4",children:[n.jsx("div",{className:"flex-shrink-0 flex justify-center sm:justify-start",children:n.jsx("div",{className:"w-[150px] h-[150px] rounded-lg bg-gray-50 border border-gray-200 flex items-center justify-center overflow-hidden",children:f?n.jsx("img",{src:f,alt:u,className:"object-contain w-full h-full"}):n.jsx(ne,{icon:"mdi:image-outline",width:"28",className:"opacity-60"})})}),n.jsxs("div",{className:"flex-grow flex flex-col justify-center text-center",children:[n.jsx("div",{className:"text-2xl font-bold text-gray-900 mb-1",children:u}),n.jsx("div",{className:"text-sm text-gray-700 mb-1",children:[x&&`SKU: ${x}`,B&&`Color: ${B}`,te&&`Size: ${te}`].filter(Boolean).join(" • ")||"—"}),n.jsx("div",{className:"mt-1 text-xl font-semibold text-gray-900",children:_?`$${Q||(r==null?void 0:r.price)}`:"Currently unavailable"}),_&&!M&&n.jsx("div",{className:"mt-1 text-xs font-medium text-red-600",children:"Currently out of stock"})]})]})})},Hr=({showSubmit:d=!0})=>{const f={};Lt.map(x=>Ct(x.variant)).filter(x=>!!x&&!f[x]&&(f[x]=!0));const u={};return Lt.map(x=>_t(x.variant)).filter(x=>!!x&&!u[x]&&(u[x]=!0)),n.jsxs("div",{className:"mx-4 mt-4 mb-2 rounded-xl border border-gray-200 bg-white p-4 animate-fade-in",children:[n.jsx("h3",{className:"font-semibold text-gray-800",children:"Choose a variant"}),n.jsxs("div",{className:"mt-4",children:[n.jsxs("div",{className:"flex items-baseline gap-2",children:[n.jsx("div",{className:"text-sm font-bold",children:"Color :"}),B&&n.jsx("div",{className:"text-sm text-gray-600",children:B})]}),n.jsx("div",{className:"flex flex-wrap gap-4 mt-2",children:w.map((x,v)=>{const _=x.name,M=B===_,E=x.images.large[0].disBaseLink||x.images.large[0].link;return n.jsx("div",{className:`flex flex-col items-center w-28 border rounded-md p-2
|
|
18
|
-
${M?"border-2 border-[#804c9e]":"border-gray-300"}`,children:n.jsx("button",{onClick:()=>{de(_),_e(null),ce(null),P(v)},className:"w-full h-20 flex items-center justify-center overflow-hidden p-0",title:_,children:E?n.jsx("img",{src:E,alt:_,className:"w/full h-full object-contain"}):n.jsx("div",{className:"w-full h-full flex items-center justify-center text-xs px-1",children:_})})},_)})})]}),B&&n.jsxs("div",{className:"mt-4",children:[n.jsxs("div",{className:"flex items-baseline gap-2",children:[n.jsx("div",{className:"text-sm font-bold",children:"Size :"}),te&&n.jsx("div",{className:"text-sm text-gray-600",children:te})]}),n.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:(()=>{const x=w.find(v=>v.name===B);return x?x.variants.map((v,_)=>{const M=v.name,E=te===M;return n.jsx("button",{onClick:()=>{_e(M),ce(_),Lr(v.productId),R(v.price)},className:`px-4 py-2 rounded-md border text-sm ${E?"border-2 border-[#804c9e] font-semibold":"border-gray-300"}`,title:M,children:M},`size-${M}`)}):null})()})]}),d&&n.jsx("div",{className:"mt-4 flex justify-end",children:n.jsx("button",{onClick:ho,className:"px-6 py-2.5 rounded-full font-semibold text-white shadow-md",style:{background:K},disabled:!bt,children:"Submit"})})]})},Yr=(d,f=!0)=>{!(d!=null&&d.extractedDetails)&&d&&(d={extractedDetails:d});const u=(d==null?void 0:d.extractedDetails)||se;if(!u)return null;const x=vt(u),{currency:v}=Vt(k),_=_n(r,k),M=Number((u==null?void 0:u.max_price_minor)??0),U=Number.isFinite(M)&&M>0?+(M/100):+(_*x),$=(u==null?void 0:u.currency)||v||mt,ie=k!=null&&k.sku?k.sku:u.product_id;return n.jsxs("div",{className:"px-6 pb-6 flex flex-col items-center space-y-4",style:{backgroundColor:"#e5dbeb"},children:[n.jsx("p",{className:"text-base font-semibold text-center mt-2",style:{color:zr},children:"Here’s what I found from your instruction:"}),n.jsxs("div",{className:"w-full max-w-md bg-white rounded-xl shadow-inner p-4",children:[n.jsxs("div",{className:"grid grid-cols-2 gap-y-2 text-sm",children:[n.jsx("p",{className:"font-semibold text-gray-600",children:"SKU:"}),n.jsx("p",{className:"text-gray-800",children:ie}),n.jsx("p",{className:"font-semibold text-gray-600",children:"Quantity:"}),n.jsx("p",{className:"text-gray-800",children:vt(u)}),n.jsx("p",{className:"font-semibold text-gray-600",children:"Currency:"}),n.jsx("p",{className:"text-gray-800",children:$}),n.jsx("p",{className:"font-semibold text-gray-600",children:"Maximum Total Price:"}),n.jsx("p",{className:"text-gray-800",children:rt(U,$)})]}),n.jsxs("div",{className:"mt-3 flex flex-wrap gap-2 text-xs",children:[Ct(k)&&n.jsxs("span",{className:"rounded-full bg-gray-100 px-2 py-1",children:["Color: ",Ct(k)]}),_t(k)&&n.jsxs("span",{className:"rounded-full bg-gray-100 px-2 py-1",children:["Size: ",_t(k)]}),(k==null?void 0:k.sku)&&n.jsxs("span",{className:"rounded-full bg-gray-100 px-2 py-1",children:["SKU: ",k.sku]})]})]}),!f&&n.jsxs(n.Fragment,{children:[n.jsxs("p",{className:"text-sm font-medium text-gray-700 text-center max-w-[90%] leading-relaxed",style:{color:zr},children:["Would you like me to ",n.jsx("strong",{children:"lock this in"})," and monitor it for you?"]}),n.jsxs("div",{className:"flex flex-wrap justify-center gap-4",children:[n.jsxs("button",{onClick:go,disabled:Y,className:`relative inline-flex items-center justify-center px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${Y?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:[n.jsx(ne,{icon:"fluent:checkmark-circle-24-filled",className:"mr-2",width:"18",height:"18"}),"Yes, lock it in"]}),n.jsxs("button",{onClick:Vr,disabled:Y,className:`relative inline-flex items-center justify-center px-6 py-2.5 rounded-full font-semibold border transition-all duration-300 ${Y?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{borderColor:K,color:K},children:[n.jsx(ne,{icon:"fluent:dismiss-circle-24-filled",className:"mr-2",width:"18",height:"18"}),"No"]})]})]})]})},Jr=(d,f=!0)=>{var ct,et,dt;const u=d||{},x=((ct=u==null?void 0:u.summary)==null?void 0:ct.currency)||(se==null?void 0:se.currency)||mt,v=Nn(r,k),_=Cn(r),M=k!=null&&k.sku?k.sku:(r==null?void 0:r.id)??(se==null?void 0:se.product_id),E=(k==null?void 0:k.sku)??Ra(r);Ct(k)||Va(r),_t(k)||Ha(r);const U=vt(u),$=((et=u==null?void 0:u.summary)==null?void 0:et.product_total)!=null?+u.summary.product_total:Br(u),ie=U>0?+($/U).toFixed(2):0,De=$,Ce=((dt=u==null?void 0:u.summary)==null?void 0:dt.tax)??+($*.08).toFixed(2),Re=(b==null?void 0:b.price)||0,Ee=u!=null&&u.address?[u.address.addressLine1,u.address.addressLine2,u.address.street,[u.address.city,u.address.state,u.address.postalCode].filter(Boolean).join(", "),u.address.country].filter(Boolean).map(Te=>Ye(String(Te))).join(", "):"—",we=(u==null?void 0:u.payment)||"card",Ze=we==="card"?n.jsxs(n.Fragment,{children:["Credit Card — Mastercard",n.jsx("br",{}),"•••• 7820 Exp: 12/26"]}):n.jsx(n.Fragment,{children:Ye(we)});return n.jsxs("div",{className:"mx-auto mt-3 mb-3 rounded-2xl bg-white",children:[n.jsx("div",{className:"px-6 pt-5 pb-3",children:n.jsxs("h3",{className:"font-semibold text-lg mb-2 text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:receipt-text-check-outline",width:"24",color:wt}),"All set! Here’s what your smart order looks like 🧾"]})}),n.jsx("div",{className:"px-6 pb-4",children:n.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-12 gap-4 rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"sm:col-span-2 flex",children:n.jsx("div",{className:"w-30 h-26 sm:w-30 sm:h-26 overflow-hidden rounded-lg bg-white border border-gray-200 flex items-center justify-center mx-auto sm:mx-0",children:v?n.jsx("img",{src:v,alt:_,className:"w-full h-full object-contain"}):n.jsx(ne,{icon:"mdi:image-outline",width:"24",className:"opacity-50"})})}),n.jsxs("div",{className:"sm:col-span-10",children:[n.jsxs("div",{className:"mb-3",children:[n.jsx("div",{className:"text-lg text-center font-bold text-gray-900",children:_}),n.jsxs("div",{className:"text-xs text-center font-bold text-gray-600",children:[n.jsx("span",{className:"font-medium",children:"SKU:"})," ",M??"—"]}),(E||B||te)&&n.jsxs("div",{className:"text-xs text-gray-600 mt-0.5 text-center",children:[E&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"font-medium",children:"SKU:"})," ",E," "]}),B&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"font-medium",children:"Color:"})," ",B," "]}),te&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"font-medium",children:"Size:"})," ",te]})]})]}),n.jsxs("div",{className:"grid grid-cols-1 md-grid-cols-3 md:grid-cols-3 gap-3",children:[n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center",children:[n.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500",children:"Unit Price"}),n.jsx("div",{className:"mt-0.5 text-base font-bold text-gray-900",children:rt(ie,x)})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center",children:[n.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500",children:"Quantity"}),n.jsx("div",{className:"mt-0.5 text-base font-bold text-gray-900",children:U})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center",children:[n.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500",children:"Subtotal"}),n.jsx("div",{className:"mt-0.5 text-base font-bold text-gray-900",children:rt(De,x)})]})]})]})]})}),n.jsxs("div",{className:"px-6 pb-2",children:[n.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3 mb-3",children:[n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🏠 Address"}),n.jsx("div",{className:"mt-1 text-sm font-semibold text-gray-900 text-center",children:Ee})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"💳 Payment"}),n.jsx("div",{className:"mt-1 text-sm font-semibold text-gray-900 text-center",children:Ze})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🚚 Delivery"}),n.jsx("div",{className:"mt-1 text-sm font-semibold text-gray-900 text-center",children:(b==null?void 0:b.name)||"—"})]})]}),n.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:[n.jsxs("div",{className:"flex flex-col items-center justify-center rounded-xl border border-gray-200 bg-gray-50 p-4 text-center",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"💰 any(s)"}),n.jsx("div",{className:"mt-1 text-2xl font-bold text-gray-900",children:rt($,x)})]}),n.jsxs("div",{className:"flex flex-col items-center justify-center rounded-xl border border-gray-200 bg-gray-50 p-4 text-center",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🏛️ Taxes"}),n.jsx("div",{className:"mt-1 text-2xl font-bold text-gray-900",children:rt(Ce,x)})]}),n.jsxs("div",{className:"flex flex-col items-center justify-center rounded-xl border border-gray-200 bg-gray-50 p-4 text-center",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🚚 Shipping"}),n.jsx("div",{className:"mt-1 text-2xl font-bold text-gray-900",children:rt(Re,x)})]})]}),n.jsxs("div",{className:"mt-4 rounded-xl p-4 text-center text-white shadow-sm",style:{background:Gt},children:[n.jsx("div",{className:"text-sm/5 opacity-95",children:"🔹 Total Payable"}),n.jsx("div",{className:"mt-1 text-3xl font-extrabold tracking-tight",children:rt($+Ce+Re,x)})]})]}),!f&&n.jsxs("div",{className:"px-6 pb-5",children:[!xe&&n.jsx("p",{className:"mt-3 text-center text-sm text-gray-700",children:"Everything looks good! Do you want me to watch this product and buy it automatically when it meets your condition?"}),xe&&Dr({intentMandateId:it}),He&&!xe&&n.jsxs("div",{className:"mt-4 flex flex-wrap items-center justify-center gap-3",children:[n.jsx("button",{onClick:So,className:"inline-flex items-center justify-center rounded-full px-6 py-2.5 font-semibold text-white shadow-md transition-transform duration-150 hover:-translate-y-0.5 hover:shadow-lg",style:{background:K},children:"Confirm"}),n.jsx("button",{onClick:Vr,className:"inline-flex items-center justify-center rounded-full border px-6 py-2.5 font-semibold hover:bg-gray-50",style:{borderColor:Gt,color:Gt},children:"Cancel"})]})]})]})},Co=d=>{if(!d)return null;const f=[d.addressLine1,d.addressLine2,d.street,[d.city,d.state,d.postalCode].filter(Boolean).join(", "),d.country].filter(u=>!!u).map(u=>Ye(u)).join(", ");return n.jsx("div",{className:"px-6 py-4",style:{backgroundColor:K},children:n.jsxs("div",{className:"rounded-xl border border-gray-200 bg-white p-4",children:[n.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[n.jsx(ne,{icon:"mdi:home-map-marker",width:"20",color:wt}),n.jsx("div",{className:"font-semibold text-gray-800",children:"Delivery Address"})]}),n.jsx("div",{className:"text-sm text-gray-800",children:f})]})})},_o=d=>{const f=d==null?void 0:d.method,u=f?Ma[f]:void 0;return n.jsx("div",{className:"px-6 py-4",style:{backgroundColor:K},children:n.jsxs("div",{className:"rounded-xl border border-gray-200 bg-white p-4",children:[n.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[n.jsx(ne,{icon:"mdi:truck-delivery",width:"20",color:wt}),n.jsx("div",{className:"font-semibold text-gray-800",children:"Delivery Method"})]}),n.jsx("div",{className:"text-sm text-gray-800",children:u?n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx(ne,{icon:u.icon,width:"18"}),n.jsx("span",{className:"font-medium",children:u.label})]}),n.jsx("div",{className:"text-gray-600",children:u.subtitle})]}):"—"})]})})},Io=d=>{const f=(d==null?void 0:d.method)||"card";return n.jsx("div",{className:"px-6 py-4",style:{backgroundColor:K},children:n.jsxs("div",{className:"rounded-xl border border-gray-200 bg-white p-4",children:[n.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[n.jsx(ne,{icon:"mdi:credit-card-outline",width:"20",color:wt}),n.jsx("div",{className:"font-semibold text-gray-800",children:"Payment Method"})]}),n.jsx("div",{className:"text-sm text-gray-800",children:f==="card"?n.jsxs(n.Fragment,{children:["Credit Card — Mastercard",n.jsx("br",{}),"•••• 7820 Exp: 12/26"]}):Ye(f)})]})})},Fo=(d,f)=>{const u=d.snapshotStage;if(!u||u==="address"&&Y||u==="delivery"&&ve||u==="payment"&&Ne||u==="final"&&xt)return null;switch(u){case"initial":return Yr(d.snapshotPayload,!f);case"address":return Co(d.snapshotPayload);case"delivery":return _o(d.snapshotPayload);case"payment":return Io(d.snapshotPayload);case"final":return Jr(d.snapshotPayload,!f);case"success":return Dr(d.snapshotPayload);default:return null}};return Oo.createPortal(n.jsxs("div",{className:"fixed inset-0",style:{zIndex:2147483647},"aria-modal":"true",role:"dialog",children:[n.jsx("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.25)"},onClick:t}),n.jsx("div",{className:"absolute right-0 ",children:n.jsxs("div",{className:"w-[64.7vw] h-screen bg-white rounded-xl overflow-hidden flex flex-col shadow-xl",children:[n.jsxs("div",{style:{display:"flex",justifyContent:"space-between",borderTopLeftRadius:"0.75rem",borderBottomLeftRadius:"0.75rem",padding:"0.25rem",background:K},children:[n.jsxs("div",{style:{display:"flex",color:"#ffffff",alignItems:"center",gap:"0.5rem"},children:[n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",viewBox:"0 0 256 256",children:n.jsxs("g",{fill:"currentColor",children:[n.jsx("path",{d:"m194.82 151.43l-55.09 20.3l-20.3 55.09a7.92 7.92 0 0 1-14.86 0l-20.3-55.09l-55.09-20.3a7.92 7.92 0 0 1 0-14.86l55.09-20.3l20.3-55.09a7.92 7.92 0 0 1 14.86 0l20.3 55.09l55.09 20.3a7.92 7.92 0 0 1 0 14.86",opacity:"0.2"}),n.jsx("path",{d:"M197.58 129.06L146 110l-19-51.62a15.92 15.92 0 0 0-29.88 0L78 110l-51.62 19a15.92 15.92 0 0 0 0 29.88L78 178l19 51.62a15.92 15.92 0 0 0 29.88 0L146 178l51.62-19a15.92 15.92 0 0 0 0-29.88ZM137 164.22a8 8 0 0 0-4.74 4.74L112 223.85L91.78 169a8 8 0 0 0-4.78-4.78L32.15 144L87 123.78a8 8 0 0 0 4.78-4.78L112 64.15L132.22 119a8 8 0 0 0 4.74 4.74L191.85 144ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8"})]})}),n.jsx("div",{children:n.jsx("p",{className:"font-bold",children:"Agentic Shopping with TANYA"})})]}),n.jsx("div",{style:{display:"flex",alignItems:"center",gap:"1.25rem",margin:"0.75rem"},children:n.jsx(ne,{icon:"fluent:dismiss-24-filled",color:"#ffffff",width:"24",height:"24",className:"cursor-pointer",onClick:t})})]}),n.jsxs("div",{ref:At,className:"overflow-y-auto pr-5 pb-4 space-y-4 hide-scrollbar flex-grow",children:[n.jsxs("div",{className:"text-sm text-[16px] rounded-r-xl p-3 m-3 rounded-bl-xl w-3/4 text-tanya-contrast",style:{backgroundColor:"#e5dbeb"},children:["Welcome to your smart shopping companion!",n.jsxs("p",{children:["Simply share your instruction — like “If this product goes below $",parseInt(r.price)-5," grab it for me.”"]}),n.jsx("p",{children:"I’ll monitor it, calculate total prices, and place the order when your conditions are met."})]}),n.jsx(No,{selectedIndex:S}),F>1&&n.jsx(Hr,{showSubmit:!1}),D.map((d,f)=>{var v;const u=f===D.length-1,x=!!d.snapshotStage;return n.jsxs("div",{children:[d.query&&n.jsx("div",{className:"flex justify-end",children:n.jsx("p",{className:"text-sm rounded-l-xl p-3 m-3 mb-4 rounded-br-xl max-w-[75%]",style:{color:"#ffffff",backgroundColor:K},children:d.query})}),d.response==="__TEXT__"&&((v=d.snapshotPayload)==null?void 0:v.text)&&n.jsx("div",{className:"mt-2",children:n.jsx("div",{className:"text-sm text-tanya-contrast px-7 py-4 rounded-r-xl rounded-bl-2xl w-full",style:{backgroundColor:K,margin:"0.75rem"},children:n.jsx("div",{className:"flex items-center gap-2",children:n.jsx("p",{children:d.snapshotPayload.text})})})}),u&&Ge&&F>1&&n.jsxs("div",{className:"mx-4 mt-2 rounded-xl border border-gray-200 bg-white p-4 animate-fade-in",children:[n.jsxs("div",{className:"text-sm text-gray-800",children:["Proceed with color:"," ",n.jsx("span",{className:"font-semibold",children:B||"—"}),", size:"," ",n.jsx("span",{className:"font-semibold",children:te||"—"}),"?"]}),n.jsxs("div",{className:"mt-3 flex gap-3",children:[n.jsx("button",{onClick:mo,className:"px-5 py-2 rounded-full text-white font-semibold",style:{background:K},children:"Yes"}),n.jsx("button",{onClick:po,className:"px-5 py-2 rounded-full font-semibold border",style:{borderColor:K,color:K},children:"No, change SKU"})]})]}),u&&ye&&n.jsx(Hr,{showSubmit:!0}),u&&Ie&&n.jsx("div",{className:"mt-4",children:n.jsx("div",{className:"text-sm text-tanya-contrast px-7 py-4 rounded-r-xl rounded-bl-2xl w-full",style:{backgroundColor:K,margin:"0.75rem"},children:n.jsx("div",{className:"flex items-center gap-2 tanya-pulse-text text-white",children:n.jsx("p",{children:"Reading your instruction and setting things up…"})})})}),(x||d.response==="__CARD__")&&(!Ie||!u)&&n.jsx("div",{className:"mt-6 mb-4 mx-4 animate-fade-in",style:{backgroundColor:"#fff",borderRadius:"1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.08)",overflow:"hidden"},children:x?Fo(d,u):Yr(d.snapshotPayload,!1)})]},f)}),Y&&n.jsxs("div",{className:"mt-6 mb-6 mx-6 rounded-xl p-6 shadow-md border border-gray-200 bg-white animate-fade-in",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs("h3",{className:"font-semibold text-lg text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:home-map-marker",width:"24",color:"var(--tanya-light)"}),"Select a Delivery Address"]}),ee&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold",children:"Selected"}),!xe&&n.jsx("button",{onClick:wo,className:"ml-2 text-xs px-2 py-1 rounded-full border hover:bg-gray-50",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},title:"Change address",children:"Change"})]})]}),n.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"Choose where you’d like us to deliver this item."}),a?n.jsxs("div",{className:"flex items-center py-6",children:[n.jsx("div",{className:"animate-spin rounded-full h-6 w-6 border-b-2",style:{borderBottomColor:"var(--tanya-light)"}}),n.jsx("p",{className:"ml-3 text-gray-600",children:"Fetching your addresses..."})]}):(O==null?void 0:O.length)>0?n.jsxs("div",{className:`space-y-3 ${ee?"opacity-70":""}`,children:[O.map(d=>{const f=[d.addressLine1,d.addressLine2].filter(Boolean).map(E=>Ye(E||"")).join(" "),u=Ye(d.city||""),x=`${Ye(d.state||"")}${d.state&&d.postalCode?", ":""}${d.postalCode||""}`,v=Ye(d.country||""),_=String(d.addressId??d.id),M=Z===_;return n.jsxs("label",{className:`flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${M?"border-tanya-light":"border-gray-300"} ${ee?"pointer-events-none":""}`,title:ee?"Address already submitted":"",children:[n.jsx("input",{type:"radio",name:"address",className:"mt-1 accent-tanya-light",checked:M,disabled:ee,onChange:()=>ze(_),value:_}),n.jsxs("div",{className:"flex-1",children:[n.jsx("div",{className:"font-semibold text-gray-800",children:f||"Address"}),n.jsxs("div",{className:"text-sm text-gray-700",children:[u,n.jsx("br",{}),x,n.jsx("br",{}),v]})]})]},_)}),n.jsxs("div",{className:"flex justify-between pt-2",children:[n.jsx("button",{onClick:Rr,className:"px-6 py-2.5 rounded-full font-semibold border transition-all hover:-translate-y-0.5 hover:shadow-sm",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},children:"Cancel"}),n.jsx("button",{onClick:xo,disabled:ee,className:`px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${ee?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:ee?"Address Submitted":"Submit Address"})]})]}):n.jsx("div",{className:"text-center py-8 text-gray-600",children:"No addresses found. Please add a new one in your profile."})]}),ve&&n.jsxs("div",{className:"mt-2 mb-6 mx-6 rounded-xl p-6 shadow-md border border-gray-200 bg-white animate-fade-in",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs("h3",{className:"font-semibold text-lg text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:truck-delivery",width:"24",color:"var(--tanya-light)"}),"Great! Now choose how fast you want it delivered 🚚"]}),L&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold",children:"Selected"}),!xe&&n.jsx("button",{onClick:bo,className:"ml-2 text-xs px-2 py-1 rounded-full border hover:bg-gray-50",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},title:"Change shipping method",children:"Change"})]})]}),n.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"Which one would you like me to use for this order?"}),n.jsx("div",{className:`space-y-3 ${L?"opacity-70":""}`,children:j.map(d=>{const f=b.id===d.id;return n.jsxs("label",{className:`flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${f?"border-tanya-light":"border-gray-300"} ${L?"pointer-events-none":""}`,title:L?"Delivery already submitted":"",children:[n.jsx("input",{type:"radio",name:"delivery",className:"mt-1 accent-tanya-light",checked:f,disabled:L,onChange:()=>Se(d)}),n.jsxs("div",{className:"flex-1",children:[n.jsx("div",{className:"font-semibold text-gray-800 flex items-center gap-2",children:d.name}),n.jsx("div",{className:"text-sm text-gray-700",children:d.description})]}),n.jsx("div",{className:"text-sm font-semibold text-gray-800",children:d.price===0?"Free":d.price})]},d.id)})}),n.jsxs("div",{className:"flex justify-between pt-4",children:[n.jsx("button",{onClick:Rr,className:"px-6 py-2.5 rounded-full font-semibold border transition-all hover:-translate-y-0.5 hover:shadow-sm",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},children:"Cancel"}),n.jsx("button",{onClick:yo,disabled:L,className:`px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${L?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:L?"Delivery Submitted":"Submit Delivery Option"})]})]}),Ne&&n.jsxs("div",{className:"mt-2 mb-6 mx-6 rounded-xl p-6 shadow-md border border-gray-200 bg-white animate-fade-in",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs("h3",{className:"font-semibold text-lg text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:credit-card-outline",width:"24",color:"var(--tanya-light)"}),"Almost done! 💳"]}),ae&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold",children:"Selected"}),!xe&&n.jsx("button",{onClick:ko,className:"ml-2 text-xs px-2 py-1 rounded-full border hover:bg-gray-50",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},title:"Change payment method",children:"Change"})]})]}),n.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"Please choose a payment method for this order:"}),n.jsx("div",{className:`space-y-3 ${ae?"opacity-70":""}`,children:n.jsxs("label",{className:`flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${Ue==="card"?"border-tanya-light":"border-gray-300"} ${ae?"pointer-events-none":""}`,title:ae?"Payment already submitted":"",children:[n.jsx("input",{type:"radio",name:"payment",className:"mt-1 accent-tanya-light",checked:Ue==="card",disabled:ae,onChange:()=>Tt("card")}),n.jsxs("div",{className:"flex-1",children:[n.jsxs("div",{className:"font-semibold text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:credit-card-chip-outline",width:"18"})," ","Credit Card"]}),Ue==="card"&&n.jsxs("div",{className:"text-sm text-gray-700 mt-1",children:["Mastercard •••• 7820",n.jsx("br",{}),"Expiry: 12/26"]})]})]})}),n.jsxs("div",{className:"flex justify-between pt-4",children:[n.jsx("button",{onClick:jo,className:"px-6 py-2.5 rounded-full font-semibold border transition-all hover:-translate-y-0.5 hover:shadow-sm",style:{borderColor:K,color:K},children:"Cancel"}),n.jsx("button",{onClick:vo,disabled:ae,className:`px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${ae?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:ae?"Payment Submitted":"Submit Payment Method"})]})]}),xt&&Jr({...se,address:JSON.parse(localStorage.getItem("agentic_order_address")||"null"),delivery:localStorage.getItem("agentic_order_delivery"),payment:localStorage.getItem("agentic_order_payment"),summary:qr(se==null?void 0:se.currency)},!1)]}),n.jsxs("div",{className:"sticky bottom-0 w-[96%] drop-shadow-xl flex items-center rounded-full bg-white border border-gray-300 m-[15px]",children:[n.jsx("input",{placeholder:he?"Complete the current step…":bt?`What would you like me to do? (e.g., If this product goes below $${parseInt(r.price)-5}, grab it for me.)`:te?"Please select a combination first.":"Please select a size first.",disabled:fo,className:`w-full rounded-full p-4 outline-none border-none focus:ring-0 focus:border-transparent disabled:bg-gray-100 disabled:cursor-not-allowed
|
|
18
|
+
${M?"border-2 border-[#804c9e]":"border-gray-300"}`,children:n.jsx("button",{onClick:()=>{de(_),_e(null),ce(null),P(v)},className:"w-full h-20 flex items-center justify-center overflow-hidden p-0",title:_,children:E?n.jsx("img",{src:E,alt:_,className:"w/full h-full object-contain"}):n.jsx("div",{className:"w-full h-full flex items-center justify-center text-xs px-1",children:_})})},_)})})]}),B&&n.jsxs("div",{className:"mt-4",children:[n.jsxs("div",{className:"flex items-baseline gap-2",children:[n.jsx("div",{className:"text-sm font-bold",children:"Size :"}),te&&n.jsx("div",{className:"text-sm text-gray-600",children:te})]}),n.jsx("div",{className:"flex flex-wrap gap-2 mt-2",children:(()=>{const x=w.find(v=>v.name===B);return x?x.variants.map((v,_)=>{const M=v.name,E=te===M;return n.jsx("button",{onClick:()=>{_e(M),ce(_),Lr(v.productId),R(v.price)},className:`px-4 py-2 rounded-md border text-sm ${E?"border-2 border-[#804c9e] font-semibold":"border-gray-300"}`,title:M,children:M},`size-${M}`)}):null})()})]}),d&&n.jsx("div",{className:"mt-4 flex justify-end",children:n.jsx("button",{onClick:ho,className:"px-6 py-2.5 rounded-full font-semibold text-white shadow-md",style:{background:K},disabled:!bt,children:"Submit"})})]})},Yr=(d,f=!0)=>{!(d!=null&&d.extractedDetails)&&d&&(d={extractedDetails:d});const u=(d==null?void 0:d.extractedDetails)||se;if(!u)return null;const x=vt(u),{currency:v}=Vt(k),_=_n(r,k),M=Number((u==null?void 0:u.max_price_minor)??0),U=Number.isFinite(M)&&M>0?+(M/100):+(_*x),$=(u==null?void 0:u.currency)||v||mt,ie=k!=null&&k.sku?k.sku:u.product_id;return n.jsxs("div",{className:"px-6 pb-6 flex flex-col items-center space-y-4",style:{backgroundColor:"#e5dbeb"},children:[n.jsx("p",{className:"text-base font-semibold text-center mt-2",style:{color:zr},children:"Here’s what I found from your instruction:"}),n.jsxs("div",{className:"w-full max-w-md bg-white rounded-xl shadow-inner p-4",children:[n.jsxs("div",{className:"grid grid-cols-2 gap-y-2 text-sm",children:[n.jsx("p",{className:"font-semibold text-gray-600",children:"SKU:"}),n.jsx("p",{className:"text-gray-800",children:ie}),n.jsx("p",{className:"font-semibold text-gray-600",children:"Quantity:"}),n.jsx("p",{className:"text-gray-800",children:vt(u)}),n.jsx("p",{className:"font-semibold text-gray-600",children:"Currency:"}),n.jsx("p",{className:"text-gray-800",children:$}),n.jsx("p",{className:"font-semibold text-gray-600",children:"Maximum Total Price:"}),n.jsx("p",{className:"text-gray-800",children:rt(U,$)})]}),n.jsxs("div",{className:"mt-3 flex flex-wrap gap-2 text-xs",children:[Ct(k)&&n.jsxs("span",{className:"rounded-full bg-gray-100 px-2 py-1",children:["Color: ",Ct(k)]}),_t(k)&&n.jsxs("span",{className:"rounded-full bg-gray-100 px-2 py-1",children:["Size: ",_t(k)]}),(k==null?void 0:k.sku)&&n.jsxs("span",{className:"rounded-full bg-gray-100 px-2 py-1",children:["SKU: ",k.sku]})]})]}),!f&&n.jsxs(n.Fragment,{children:[n.jsxs("p",{className:"text-sm font-medium text-gray-700 text-center max-w-[90%] leading-relaxed",style:{color:zr},children:["Would you like me to ",n.jsx("strong",{children:"lock this in"})," and monitor it for you?"]}),n.jsxs("div",{className:"flex flex-wrap justify-center gap-4",children:[n.jsxs("button",{onClick:go,disabled:Y,className:`relative inline-flex items-center justify-center px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${Y?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:[n.jsx(ne,{icon:"fluent:checkmark-circle-24-filled",className:"mr-2",width:"18",height:"18"}),"Yes, lock it in"]}),n.jsxs("button",{onClick:Vr,disabled:Y,className:`relative inline-flex items-center justify-center px-6 py-2.5 rounded-full font-semibold border transition-all duration-300 ${Y?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{borderColor:K,color:K},children:[n.jsx(ne,{icon:"fluent:dismiss-circle-24-filled",className:"mr-2",width:"18",height:"18"}),"No"]})]})]})]})},Jr=(d,f=!0)=>{var ct,et,dt;const u=d||{},x=((ct=u==null?void 0:u.summary)==null?void 0:ct.currency)||(se==null?void 0:se.currency)||mt,v=Nn(r,k),_=Cn(r),M=k!=null&&k.sku?k.sku:(r==null?void 0:r.id)??(se==null?void 0:se.product_id),E=(k==null?void 0:k.sku)??Ra(r);Ct(k)||Va(r),_t(k)||Ha(r);const U=vt(u),$=((et=u==null?void 0:u.summary)==null?void 0:et.product_total)!=null?+u.summary.product_total:Br(u),ie=U>0?+($/U).toFixed(2):0,De=$,Ce=((dt=u==null?void 0:u.summary)==null?void 0:dt.tax)??+($*.08).toFixed(2),Re=(b==null?void 0:b.price)||0,Ee=u!=null&&u.address?[u.address.addressLine1,u.address.addressLine2,u.address.street,[u.address.city,u.address.state,u.address.postalCode].filter(Boolean).join(", "),u.address.country].filter(Boolean).map(Te=>Ye(String(Te))).join(", "):"—",we=(u==null?void 0:u.payment)||"card",Ze=we==="card"?n.jsxs(n.Fragment,{children:["Credit Card — Mastercard",n.jsx("br",{}),"•••• 7820 Exp: 12/26"]}):n.jsx(n.Fragment,{children:Ye(we)});return n.jsxs("div",{className:"mx-auto mt-3 mb-3 rounded-2xl bg-white",children:[n.jsx("div",{className:"px-6 pt-5 pb-3",children:n.jsxs("h3",{className:"font-semibold text-lg mb-2 text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:receipt-text-check-outline",width:"24",color:wt}),"All set! Here’s what your smart order looks like 🧾"]})}),n.jsx("div",{className:"px-6 pb-4",children:n.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-12 gap-4 rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"sm:col-span-2 flex",children:n.jsx("div",{className:"w-30 h-26 sm:w-30 sm:h-26 overflow-hidden rounded-lg bg-white border border-gray-200 flex items-center justify-center mx-auto sm:mx-0",children:v?n.jsx("img",{src:v,alt:_,className:"w-full h-full object-contain"}):n.jsx(ne,{icon:"mdi:image-outline",width:"24",className:"opacity-50"})})}),n.jsxs("div",{className:"sm:col-span-10",children:[n.jsxs("div",{className:"mb-3",children:[n.jsx("div",{className:"text-lg text-center font-bold text-gray-900",children:_}),n.jsxs("div",{className:"text-xs text-center font-bold text-gray-600",children:[n.jsx("span",{className:"font-medium",children:"SKU:"})," ",M??"—"]}),(E||B||te)&&n.jsxs("div",{className:"text-xs text-gray-600 mt-0.5 text-center",children:[E&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"font-medium",children:"SKU:"})," ",E," "]}),B&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"font-medium",children:"Color:"})," ",B," "]}),te&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"font-medium",children:"Size:"})," ",te]})]})]}),n.jsxs("div",{className:"grid grid-cols-1 md-grid-cols-3 md:grid-cols-3 gap-3",children:[n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center",children:[n.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500",children:"Unit Price"}),n.jsx("div",{className:"mt-0.5 text-base font-bold text-gray-900",children:rt(ie,x)})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center",children:[n.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500",children:"Quantity"}),n.jsx("div",{className:"mt-0.5 text-base font-bold text-gray-900",children:U})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-white p-3 text-center",children:[n.jsx("div",{className:"text-[11px] uppercase tracking-wide text-gray-500",children:"Subtotal"}),n.jsx("div",{className:"mt-0.5 text-base font-bold text-gray-900",children:rt(De,x)})]})]})]})]})}),n.jsxs("div",{className:"px-6 pb-2",children:[n.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3 mb-3",children:[n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🏠 Address"}),n.jsx("div",{className:"mt-1 text-sm font-semibold text-gray-900 text-center",children:Ee})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"💳 Payment"}),n.jsx("div",{className:"mt-1 text-sm font-semibold text-gray-900 text-center",children:Ze})]}),n.jsxs("div",{className:"flex flex-col items-center rounded-xl border border-gray-200 bg-gray-50 p-3",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🚚 Delivery"}),n.jsx("div",{className:"mt-1 text-sm font-semibold text-gray-900 text-center",children:(b==null?void 0:b.name)||"—"})]})]}),n.jsxs("div",{className:"grid grid-cols-1 sm:grid-cols-3 gap-3",children:[n.jsxs("div",{className:"flex flex-col items-center justify-center rounded-xl border border-gray-200 bg-gray-50 p-4 text-center",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"💰 any(s)"}),n.jsx("div",{className:"mt-1 text-2xl font-bold text-gray-900",children:rt($,x)})]}),n.jsxs("div",{className:"flex flex-col items-center justify-center rounded-xl border border-gray-200 bg-gray-50 p-4 text-center",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🏛️ Taxes"}),n.jsx("div",{className:"mt-1 text-2xl font-bold text-gray-900",children:rt(Ce,x)})]}),n.jsxs("div",{className:"flex flex-col items-center justify-center rounded-xl border border-gray-200 bg-gray-50 p-4 text-center",children:[n.jsx("div",{className:"text-xs uppercase tracking-wide text-gray-500",children:"🚚 Shipping"}),n.jsx("div",{className:"mt-1 text-2xl font-bold text-gray-900",children:rt(Re,x)})]})]}),n.jsxs("div",{className:"mt-4 rounded-xl p-4 text-center text-white shadow-sm",style:{background:Gt},children:[n.jsx("div",{className:"text-sm/5 opacity-95",children:"🔹 Total Payable"}),n.jsx("div",{className:"mt-1 text-3xl font-extrabold tracking-tight",children:rt($+Ce+Re,x)})]})]}),!f&&n.jsxs("div",{className:"px-6 pb-5",children:[!xe&&n.jsx("p",{className:"mt-3 text-center text-sm text-gray-700",children:"Everything looks good! Do you want me to watch this product and buy it automatically when it meets your condition?"}),xe&&Dr({intentMandateId:it}),He&&!xe&&n.jsxs("div",{className:"mt-4 flex flex-wrap items-center justify-center gap-3",children:[n.jsx("button",{onClick:So,className:"inline-flex items-center justify-center rounded-full px-6 py-2.5 font-semibold text-white shadow-md transition-transform duration-150 hover:-translate-y-0.5 hover:shadow-lg",style:{background:K},children:"Confirm"}),n.jsx("button",{onClick:Vr,className:"inline-flex items-center justify-center rounded-full border px-6 py-2.5 font-semibold hover:bg-gray-50",style:{borderColor:Gt,color:Gt},children:"Cancel"})]})]})]})},Co=d=>{if(!d)return null;const f=[d.addressLine1,d.addressLine2,d.street,[d.city,d.state,d.postalCode].filter(Boolean).join(", "),d.country].filter(u=>!!u).map(u=>Ye(u)).join(", ");return n.jsx("div",{className:"px-6 py-4",style:{backgroundColor:K},children:n.jsxs("div",{className:"rounded-xl border border-gray-200 bg-white p-4",children:[n.jsxs("div",{className:"flex items-center gap-2 mb-2",children:[n.jsx(ne,{icon:"mdi:home-map-marker",width:"20",color:wt}),n.jsx("div",{className:"font-semibold text-gray-800",children:"Delivery Address"})]}),n.jsx("div",{className:"text-sm text-gray-800",children:f})]})})},_o=d=>{const f=d==null?void 0:d.method,u=f?Ma[f]:void 0;return n.jsx("div",{className:"px-6 py-4",style:{backgroundColor:K},children:n.jsxs("div",{className:"rounded-xl border border-gray-200 bg-white p-4",children:[n.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[n.jsx(ne,{icon:"mdi:truck-delivery",width:"20",color:wt}),n.jsx("div",{className:"font-semibold text-gray-800",children:"Delivery Method"})]}),n.jsx("div",{className:"text-sm text-gray-800",children:u?n.jsxs(n.Fragment,{children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsx(ne,{icon:u.icon,width:"18"}),n.jsx("span",{className:"font-medium",children:u.label})]}),n.jsx("div",{className:"text-gray-600",children:u.subtitle})]}):"—"})]})})},Io=d=>{const f=(d==null?void 0:d.method)||"card";return n.jsx("div",{className:"px-6 py-4",style:{backgroundColor:K},children:n.jsxs("div",{className:"rounded-xl border border-gray-200 bg-white p-4",children:[n.jsxs("div",{className:"flex items-center gap-2 mb-1",children:[n.jsx(ne,{icon:"mdi:credit-card-outline",width:"20",color:wt}),n.jsx("div",{className:"font-semibold text-gray-800",children:"Payment Method"})]}),n.jsx("div",{className:"text-sm text-gray-800",children:f==="card"?n.jsxs(n.Fragment,{children:["Credit Card — Mastercard",n.jsx("br",{}),"•••• 7820 Exp: 12/26"]}):Ye(f)})]})})},Fo=(d,f)=>{const u=d.snapshotStage;if(!u||u==="address"&&Y||u==="delivery"&&ve||u==="payment"&&Ne||u==="final"&&xt)return null;switch(u){case"initial":return Yr(d.snapshotPayload,!f);case"address":return Co(d.snapshotPayload);case"delivery":return _o(d.snapshotPayload);case"payment":return Io(d.snapshotPayload);case"final":return Jr(d.snapshotPayload,!f);case"success":return Dr(d.snapshotPayload);default:return null}};return Oo.createPortal(n.jsxs("div",{className:"fixed inset-0",style:{zIndex:2147483647},"aria-modal":"true",role:"dialog",children:[n.jsx("div",{className:"absolute inset-0",style:{background:"rgba(0,0,0,0.25)"},onClick:t}),n.jsx("div",{className:"absolute right-0 ",children:n.jsxs("div",{className:"w-[64.7vw] h-screen bg-white rounded-xl overflow-hidden flex flex-col shadow-xl",children:[n.jsxs("div",{style:{height:"65px",display:"flex",justifyContent:"space-between",borderTopLeftRadius:"0.75rem",borderBottomLeftRadius:"0.75rem",padding:"0.5rem",background:K},children:[n.jsxs("div",{style:{display:"flex",color:"#ffffff",alignItems:"center",gap:"0.5rem"},children:[n.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"25",height:"25",viewBox:"0 0 256 256",children:n.jsxs("g",{fill:"currentColor",children:[n.jsx("path",{d:"m194.82 151.43l-55.09 20.3l-20.3 55.09a7.92 7.92 0 0 1-14.86 0l-20.3-55.09l-55.09-20.3a7.92 7.92 0 0 1 0-14.86l55.09-20.3l20.3-55.09a7.92 7.92 0 0 1 14.86 0l20.3 55.09l55.09 20.3a7.92 7.92 0 0 1 0 14.86",opacity:"0.2"}),n.jsx("path",{d:"M197.58 129.06L146 110l-19-51.62a15.92 15.92 0 0 0-29.88 0L78 110l-51.62 19a15.92 15.92 0 0 0 0 29.88L78 178l19 51.62a15.92 15.92 0 0 0 29.88 0L146 178l51.62-19a15.92 15.92 0 0 0 0-29.88ZM137 164.22a8 8 0 0 0-4.74 4.74L112 223.85L91.78 169a8 8 0 0 0-4.78-4.78L32.15 144L87 123.78a8 8 0 0 0 4.78-4.78L112 64.15L132.22 119a8 8 0 0 0 4.74 4.74L191.85 144ZM144 40a8 8 0 0 1 8-8h16V16a8 8 0 0 1 16 0v16h16a8 8 0 0 1 0 16h-16v16a8 8 0 0 1-16 0V48h-16a8 8 0 0 1-8-8m104 48a8 8 0 0 1-8 8h-8v8a8 8 0 0 1-16 0v-8h-8a8 8 0 0 1 0-16h8v-8a8 8 0 0 1 16 0v8h8a8 8 0 0 1 8 8"})]})}),n.jsx("div",{children:n.jsx("p",{className:"font-bold",children:"Agentic Shopping with TANYA"})})]}),n.jsx("div",{style:{display:"flex",alignItems:"center",gap:"1.25rem",margin:"0.75rem"},children:n.jsx(ne,{icon:"fluent:dismiss-24-filled",color:"#ffffff",width:"24",height:"24",className:"cursor-pointer",onClick:t})})]}),n.jsxs("div",{ref:At,className:"overflow-y-auto pr-5 pb-4 space-y-4 hide-scrollbar flex-grow",children:[n.jsxs("div",{className:"text-sm text-[16px] rounded-r-xl p-3 m-3 rounded-bl-xl w-3/4 text-tanya-contrast",style:{backgroundColor:"#e5dbeb"},children:["Welcome to your smart shopping companion!",n.jsxs("p",{children:["Simply share your instruction — like “If this product goes below $",parseInt(r.price)-5," grab it for me.”"]}),n.jsx("p",{children:"I’ll monitor it, calculate total prices, and place the order when your conditions are met."})]}),n.jsx(No,{selectedIndex:S}),F>1&&n.jsx(Hr,{showSubmit:!1}),D.map((d,f)=>{var v;const u=f===D.length-1,x=!!d.snapshotStage;return n.jsxs("div",{children:[d.query&&n.jsx("div",{className:"flex justify-end",children:n.jsx("p",{className:"text-sm rounded-l-xl p-3 m-3 mb-4 rounded-br-xl max-w-[75%]",style:{color:"#ffffff",backgroundColor:K},children:d.query})}),d.response==="__TEXT__"&&((v=d.snapshotPayload)==null?void 0:v.text)&&n.jsx("div",{className:"mt-2",children:n.jsx("div",{className:"text-sm text-tanya-contrast px-7 py-4 rounded-r-xl rounded-bl-2xl w-full",style:{backgroundColor:K,margin:"0.75rem"},children:n.jsx("div",{className:"flex items-center gap-2",children:n.jsx("p",{children:d.snapshotPayload.text})})})}),u&&Ge&&F>1&&n.jsxs("div",{className:"mx-4 mt-2 rounded-xl border border-gray-200 bg-white p-4 animate-fade-in",children:[n.jsxs("div",{className:"text-sm text-gray-800",children:["Proceed with color:"," ",n.jsx("span",{className:"font-semibold",children:B||"—"}),", size:"," ",n.jsx("span",{className:"font-semibold",children:te||"—"}),"?"]}),n.jsxs("div",{className:"mt-3 flex gap-3",children:[n.jsx("button",{onClick:mo,className:"px-5 py-2 rounded-full text-white font-semibold",style:{background:K},children:"Yes"}),n.jsx("button",{onClick:po,className:"px-5 py-2 rounded-full font-semibold border",style:{borderColor:K,color:K},children:"No, change SKU"})]})]}),u&&ye&&n.jsx(Hr,{showSubmit:!0}),u&&Ie&&n.jsx("div",{className:"mt-4",children:n.jsx("div",{className:"text-sm text-tanya-contrast px-7 py-4 rounded-r-xl rounded-bl-2xl w-full",style:{backgroundColor:K,margin:"0.75rem"},children:n.jsx("div",{className:"flex items-center gap-2 tanya-pulse-text text-white",children:n.jsx("p",{children:"Reading your instruction and setting things up…"})})})}),(x||d.response==="__CARD__")&&(!Ie||!u)&&n.jsx("div",{className:"mt-6 mb-4 mx-4 animate-fade-in",style:{backgroundColor:"#fff",borderRadius:"1rem",boxShadow:"0 2px 8px rgba(0,0,0,0.08)",overflow:"hidden"},children:x?Fo(d,u):Yr(d.snapshotPayload,!1)})]},f)}),Y&&n.jsxs("div",{className:"mt-6 mb-6 mx-6 rounded-xl p-6 shadow-md border border-gray-200 bg-white animate-fade-in",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs("h3",{className:"font-semibold text-lg text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:home-map-marker",width:"24",color:"var(--tanya-light)"}),"Select a Delivery Address"]}),ee&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold",children:"Selected"}),!xe&&n.jsx("button",{onClick:wo,className:"ml-2 text-xs px-2 py-1 rounded-full border hover:bg-gray-50",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},title:"Change address",children:"Change"})]})]}),n.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"Choose where you’d like us to deliver this item."}),a?n.jsxs("div",{className:"flex items-center py-6",children:[n.jsx("div",{className:"animate-spin rounded-full h-6 w-6 border-b-2",style:{borderBottomColor:"var(--tanya-light)"}}),n.jsx("p",{className:"ml-3 text-gray-600",children:"Fetching your addresses..."})]}):(O==null?void 0:O.length)>0?n.jsxs("div",{className:`space-y-3 ${ee?"opacity-70":""}`,children:[O.map(d=>{const f=[d.addressLine1,d.addressLine2].filter(Boolean).map(E=>Ye(E||"")).join(" "),u=Ye(d.city||""),x=`${Ye(d.state||"")}${d.state&&d.postalCode?", ":""}${d.postalCode||""}`,v=Ye(d.country||""),_=String(d.addressId??d.id),M=Z===_;return n.jsxs("label",{className:`flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${M?"border-tanya-light":"border-gray-300"} ${ee?"pointer-events-none":""}`,title:ee?"Address already submitted":"",children:[n.jsx("input",{type:"radio",name:"address",className:"mt-1 accent-tanya-light",checked:M,disabled:ee,onChange:()=>ze(_),value:_}),n.jsxs("div",{className:"flex-1",children:[n.jsx("div",{className:"font-semibold text-gray-800",children:f||"Address"}),n.jsxs("div",{className:"text-sm text-gray-700",children:[u,n.jsx("br",{}),x,n.jsx("br",{}),v]})]})]},_)}),n.jsxs("div",{className:"flex justify-between pt-2",children:[n.jsx("button",{onClick:Rr,className:"px-6 py-2.5 rounded-full font-semibold border transition-all hover:-translate-y-0.5 hover:shadow-sm",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},children:"Cancel"}),n.jsx("button",{onClick:xo,disabled:ee,className:`px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${ee?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:ee?"Address Submitted":"Submit Address"})]})]}):n.jsx("div",{className:"text-center py-8 text-gray-600",children:"No addresses found. Please add a new one in your profile."})]}),ve&&n.jsxs("div",{className:"mt-2 mb-6 mx-6 rounded-xl p-6 shadow-md border border-gray-200 bg-white animate-fade-in",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs("h3",{className:"font-semibold text-lg text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:truck-delivery",width:"24",color:"var(--tanya-light)"}),"Great! Now choose how fast you want it delivered 🚚"]}),L&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold",children:"Selected"}),!xe&&n.jsx("button",{onClick:bo,className:"ml-2 text-xs px-2 py-1 rounded-full border hover:bg-gray-50",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},title:"Change shipping method",children:"Change"})]})]}),n.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"Which one would you like me to use for this order?"}),n.jsx("div",{className:`space-y-3 ${L?"opacity-70":""}`,children:j.map(d=>{const f=b.id===d.id;return n.jsxs("label",{className:`flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${f?"border-tanya-light":"border-gray-300"} ${L?"pointer-events-none":""}`,title:L?"Delivery already submitted":"",children:[n.jsx("input",{type:"radio",name:"delivery",className:"mt-1 accent-tanya-light",checked:f,disabled:L,onChange:()=>Se(d)}),n.jsxs("div",{className:"flex-1",children:[n.jsx("div",{className:"font-semibold text-gray-800 flex items-center gap-2",children:d.name}),n.jsx("div",{className:"text-sm text-gray-700",children:d.description})]}),n.jsx("div",{className:"text-sm font-semibold text-gray-800",children:d.price===0?"Free":d.price})]},d.id)})}),n.jsxs("div",{className:"flex justify-between pt-4",children:[n.jsx("button",{onClick:Rr,className:"px-6 py-2.5 rounded-full font-semibold border transition-all hover:-translate-y-0.5 hover:shadow-sm",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},children:"Cancel"}),n.jsx("button",{onClick:yo,disabled:L,className:`px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${L?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:L?"Delivery Submitted":"Submit Delivery Option"})]})]}),Ne&&n.jsxs("div",{className:"mt-2 mb-6 mx-6 rounded-xl p-6 shadow-md border border-gray-200 bg-white animate-fade-in",children:[n.jsxs("div",{className:"flex items-center gap-2",children:[n.jsxs("h3",{className:"font-semibold text-lg text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:credit-card-outline",width:"24",color:"var(--tanya-light)"}),"Almost done! 💳"]}),ae&&n.jsxs(n.Fragment,{children:[n.jsx("span",{className:"ml-2 text-xs px-2 py-1 rounded-full bg-green-100 text-green-700 font-semibold",children:"Selected"}),!xe&&n.jsx("button",{onClick:ko,className:"ml-2 text-xs px-2 py-1 rounded-full border hover:bg-gray-50",style:{borderColor:"var(--tanya-light)",color:"var(--tanya-light)"},title:"Change payment method",children:"Change"})]})]}),n.jsx("p",{className:"text-sm text-gray-600 mb-4",children:"Please choose a payment method for this order:"}),n.jsx("div",{className:`space-y-3 ${ae?"opacity-70":""}`,children:n.jsxs("label",{className:`flex items-start gap-3 p-4 border rounded-lg cursor-pointer transition hover:shadow-sm ${Ue==="card"?"border-tanya-light":"border-gray-300"} ${ae?"pointer-events-none":""}`,title:ae?"Payment already submitted":"",children:[n.jsx("input",{type:"radio",name:"payment",className:"mt-1 accent-tanya-light",checked:Ue==="card",disabled:ae,onChange:()=>Tt("card")}),n.jsxs("div",{className:"flex-1",children:[n.jsxs("div",{className:"font-semibold text-gray-800 flex items-center gap-2",children:[n.jsx(ne,{icon:"mdi:credit-card-chip-outline",width:"18"})," ","Credit Card"]}),Ue==="card"&&n.jsxs("div",{className:"text-sm text-gray-700 mt-1",children:["Mastercard •••• 7820",n.jsx("br",{}),"Expiry: 12/26"]})]})]})}),n.jsxs("div",{className:"flex justify-between pt-4",children:[n.jsx("button",{onClick:jo,className:"px-6 py-2.5 rounded-full font-semibold border transition-all hover:-translate-y-0.5 hover:shadow-sm",style:{borderColor:K,color:K},children:"Cancel"}),n.jsx("button",{onClick:vo,disabled:ae,className:`px-6 py-2.5 rounded-full font-semibold text-white shadow-md transition-all duration-300 ${ae?"opacity-60 cursor-not-allowed":"hover:-translate-y-0.5 hover:shadow-lg"}`,style:{background:K},children:ae?"Payment Submitted":"Submit Payment Method"})]})]}),xt&&Jr({...se,address:JSON.parse(localStorage.getItem("agentic_order_address")||"null"),delivery:localStorage.getItem("agentic_order_delivery"),payment:localStorage.getItem("agentic_order_payment"),summary:qr(se==null?void 0:se.currency)},!1)]}),n.jsxs("div",{className:"sticky bottom-0 w-[96%] drop-shadow-xl flex items-center rounded-full bg-white border border-gray-300 m-[15px]",children:[n.jsx("input",{placeholder:he?"Complete the current step…":bt?`What would you like me to do? (e.g., If this product goes below $${parseInt(r.price)-5}, grab it for me.)`:te?"Please select a combination first.":"Please select a size first.",disabled:fo,className:`w-full rounded-full p-4 outline-none border-none focus:ring-0 focus:border-transparent disabled:bg-gray-100 disabled:cursor-not-allowed
|
|
19
19
|
${bt?"":"placeholder:text-red-400 text-red-500"}`,value:Fe,onKeyDown:d=>{d.key==="Enter"&&!Ie&&!he&&Ur()},onChange:d=>Le(d.target.value)}),n.jsx("button",{type:"submit",disabled:Ie||he,className:"mr-6 font-medium",style:{color:K},onClick:()=>Ur(),children:Ie?n.jsx("div",{className:"m-3 animate-spin rounded-full h-6 w-6 border-b-2",style:{borderBottom:"2px solid"}}):n.jsx(ne,{icon:"fluent:send-48-filled",color:K,width:"24",height:"24"})})]})]})})]}),document.body)};exports.AgenticShoppingButton=Ya;exports.TanyaChatbot=As;exports.TanyaChatbotProvider=Lo;
|
|
20
20
|
//# sourceMappingURL=tanya-chatbot.cjs.js.map
|