https://dashboard.merchbridge.com/static/js/46.1dcefd42.chunk.js

1(this.webpackJsonpapp=this.webpackJsonpapp||[]).push([[46,75],{1397:function(e,t,a){"use strict";a.r(t),a.d(t,"MappingVariantsPolaris",(function(){return m})),a.d(t,"sortAttrName",(function(){return b}));var n=a(1),l=a(5),r=a.n(l),i=a(0),s=a.n(i),u=a(9),c=a(2),o=a(4);a(222);const d=e=>{let{productBaseVariants:t,value:a,onChange:l,selectedVariants:u,enabled:o=!1}=e;const[d,p]=Object(i.useState)([]),[m,b]=Object(i.useState)([]),[g,f]=Object(i.useState)([]),[v,h]=Object(i.useState)(null);Object(i.useEffect)(()=>{let e=null;if(a){e=a&&a.productBaseVariant?a.productBaseVariant.id:null,b([e]);let t=C(a&&a.productBaseVariant&&a.productBaseVariant.attributes);h(t)}},[a]),Object(i.useEffect)(()=>{let e=[];t&&t.length&&(e=t.map(e=>{let t=C(e.attributes);return(null===e||void 0===e?void 0:e.fulfillmentSku)&&e.fulfillmentSku.length>0&&(t+=` (${e.fulfillmentSku})`),{value:e.id,label:t,disabled:!o&&u.includes(e.id)}})),f(e),p(e)},[t,u,o]);const j=Object(i.useCallback)(e=>{if(h(e),""===e)return void f(d);let t=e.replace(/\s\s+/g," ").split(" ");const a=d.filter(e=>Object(c.Db)(null===e||void 0===e?void 0:e.label,t));f(a)},[d]),O=Object(i.useCallback)(e=>{const n=e.map(e=>{const t=g.find(t=>t.value===e);return t&&t.label});b(e),h(r.a.head(n)),a.productBaseVariant=t.find(t=>t.id===r.a.head(e)),l&&l(a)},[g]),E=s.a.createElement(n.c.TextField,{label:"Variants",labelHidden:!0,value:v,onChange:j,disabled:!t.length}),C=Object(i.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e?Object(c.Pb)(e):""}),[]);return s.a.createElement(n.c,{selected:m,onSelect:O,options:g,textField:E,emptyState:t.length?s.a.createElement("span",null,"No item found!"):null})},p=u.b.div`
2  padding-top: 1rem;
3  .label-mapping {
4    font-weight: 600;
5    font-size: 16px;
6  }
7  .mapping-wrap {
8    margin-left: -2rem;
9    > .Polaris-FormLayout--grouped:first-child {
10      .Polaris-FormLayout__Item {
11        margin-top: 1rem;
12      }
13    }
14  }
15  .has-reset {
16    display: flex;
17    align-items: center;
18    justify-content: space-between;
19  }
20`,m=e=>{let{item:t,productBaseId:a,variants:u,productBaseVariants:m,onChange:g,forceMapping:f,setForceMapping:v=(()=>{}),setMapToBaseVariantId:h=(()=>{}),autoMapMarkup:j=null}=e;const[O,E]=Object(i.useState)([]),[C,V]=Object(i.useState)([]),B=s.a.useMemo(()=>{if(!t||!t.metaData||0===t.metaData.length)return"";let e=t.metaData.filter(e=>{let{key:t,value:a}=e;return![o.H].includes(t)&&"string"===typeof a}).map(e=>{let{value:t}=e;return t});return e=b(e),e},[t]);Object(i.useEffect)(()=>{E(k())},[a]),Object(i.useEffect)(()=>{S();let e=O,t=e&&e.length>0?e.filter(e=>e.productBaseVariant).map(e=>e.productBaseVariant.id):[];V(t)},[O]);const k=Object(i.useCallback)(()=>u.map(e=>({variant:e,productBaseVariant:y(e)})),[u,m]),y=Object(i.useCallback)(e=>{if(0===m.length)return null;const t=e.attributes?w(e.attributes.map(e=>e.option)):[];let a={};for(let n=0;n<t.length;n++)a[t[n].join("-").toLowerCase()]=!0;for(let n=0;n<m.length;n++){const e=w(m[n].attributes.map(e=>e.option));if(0!==e.length)for(let t=0;t<e.length;t++)if(a[e[t].join("-").toLowerCase()])return m[n]}return null},[m]),w=Object(i.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return[e.sort((e,t)=>e<t)]}),[]),M=Object(i.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!e)return"";const t=e.filter(e=>{let{name:t}=e;return"_WCPA_order_meta_data"!==t});return Object(c.Pb)(t)}),[]),S=Object(i.useCallback)(()=>{let e=[];for(let t=0;t<O.length;t++){const a=O[t];a.variant&&a.productBaseVariant&&e.push({variantId:a.variant.id,productBaseVariantId:a.productBaseVariant.id,sorting:a.productBaseVariant.sorting})}g&&g(e)},[O]),L=Object(i.useCallback)((e,t)=>{let a=[];O&&O.length&&(a=O.map((a,n)=>n===t?e:a)),E(a),S()},[O]),I=Object(i.useCallback)(()=>{let e=O;e=e.length?e.map(e=>({variant:e.variant,productBaseVariant:null})):[],E(e)},[O]),N=s.a.useMemo(()=>r.a.get(t,"variantId",null),[t]),D=O&&O.length>0?O.map((e,a)=>{var i;const u=M(e.variant.attributes),c="string"===typeof u?null===u||void 0===u?void 0:u.toLowerCase():"",o="str

20ing"===typeof B?null===B||void 0===B?void 0:B.toLowerCase():"",p=null===(i=e.variant)||void 0===i?void 0:i.id;let b=()=>{};if(f)if(null!=N){if(String(p)!==String(N))return null}else if(c!==o)return null;if(N===p||c===o){b=h;const t=Object(l.get)(e,"productBaseVariant.id")||null;b(t)}return s.a.createElement(s.a.Fragment,{key:"variants-"+a},s.a.createElement(n.t.Group,null,s.a.createElement(n.cb,{label:"Origin product",labelHidden:!0,value:u||r.a.get(t,"product.name","")}),s.a.createElement(d,{productBaseVariants:m,value:e,onChange:e=>{L(e,a);const{productBaseVariant:t}=e||{},{id:n}=t||{};b(n)},selectedVariants:C,enabled:!!f})))}):s.a.createElement("p",{style:{marginTop:"1rem",marginLeft:"2rem"}},"No variant found.");let F=null;return m&&m.length&&C&&C.length&&m.length===C.length&&(F=s.a.createElement(n.g,{children:"Reset variant",onClick:I,plain:!0})),s.a.createElement(p,null,s.a.createElement("label",{className:"label-mapping"},"Mapping"),s.a.createElement("div",null,s.a.createElement(n.j,{checked:!!f,onChange:v,label:"Force Mapping for this order item (only map this item without saving the mapping reuseable info)",disabled:!O||1===O.length})),j,s.a.createElement("div",{className:"mapping-wrap",style:{marginLeft:"-2rem"}},s.a.createElement(n.t.Group,null,s.a.createElement("span",null,"Origin product"),s.a.createElement("div",{className:"has-reset"},s.a.createElement("span",null,"Product base variant"),F)),D))};function b(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];return e.sort((e,t)=>{const a=e.toLowerCase(),n=t.toLowerCase();return a<n?-1:a>n?1:0}).join("-")}t.default=m},1642:function(e,t,a){"use strict";a.r(t),a.d(t,"MappingVariantsCTPolaris",(function(){return b}));var n=a(1),l=a(5),r=a.n(l),i=a(0),s=a.n(i),u=a(9),c=a(2),o=a(4),d=a(1397),p=a(455);const m=u.b.div`
21  .has-reset {
22    display: flex;
23    align-items: center;
24    justify-content: space-between;
25  }
26`,b=e=>{let{item:t,templateId:a,variants:u,productBases:b,onChange:g,forceMapping:f,setForceMapping:v=(()=>{}),setMapToBaseVariantId:h=(()=>{}),autoMapMarkup:j=null}=e;const[O,E]=Object(i.useState)([]),[C,V]=Object(i.useState)([]),[B,k]=Object(i.useState)([]),y=s.a.useMemo(()=>{if(!t||!t.metaData||0===t.metaData.length)return"";let e=t.metaData.filter(e=>{let{key:t,value:a}=e;return![o.H].includes(t)&&"string"===typeof a}).map(e=>{let{value:t}=e;return t});return e=Object(d.sortAttrName)(e),e},[t]);Object(i.useEffect)(()=>{E(w())},[a]),Object(i.useEffect)(()=>{L();let e=O,t=e&&e.length>0?e.filter(e=>e.productBaseVariant).map(e=>e.productBaseVariant.id):[];k(t)},[O]),Object(i.useEffect)(()=>{let e=M(b);V(e)},[b]);const w=Object(i.useCallback)(()=>u&&C&&u.map(e=>({variant:e,productBaseVariant:C.find(t=>t.attribute.toLowerCase()===S(e.attributes).toLowerCase())})),[C,u]),M=Object(i.useCallback)(e=>{if(0===e.length)return[];let t=[];return e&&e.length>0&&e.forEach(e=>

26{e.variants.forEach(a=>{let n={id:a.id,attribute:`${e.title}-${S(a.attributes)}`,baseID:e.id};t.push(n)})}),t},[]),S=Object(i.useCallback)((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[];if(!e)return"";const t=e.filter(e=>{let{name:t}=e;return"_WCPA_order_meta_data"!==t});return Object(c.Pb)(t)}),[]),L=Object(i.useCallback)(()=>{let e=O;const t=e&&e.length?e.map(e=>e.variant&&e.productBaseVariant?{variantId:e.variant.id,productBaseVariantId:e.productBaseVariant.id,baseID:e.productBaseVariant.baseID}:null).filter(Boolean):[];g&&g(t)},[O]),I=Object(i.useCallback)((e,t)=>{let a=[];O&&O.length&&(a=O.map((a,n)=>n===t?e:a)),E(a),L()},[O]),N=Object(i.useCallback)(()=>{let e=O;e=e.length?e.map(e=>({variant:e.variant,productBaseVariant:null})):[],E(e)},[O]),D=s.a.useMemo(()=>r.a.get(t,"variantId",null),[t]),F=O&&O.length>0?O.map((e,a)=>{var i;let u=S(e.variant.attributes);const c=null===u||void 0===u?void 0:u.toLowerCase(),o=null===y||void 0===y?void 0:y.toLowerCase(),d=null===(i=e.variant)||void 0===i?void 0:i.id;let m=()=>{};if(f)if(null!=D){if(String(d)!==String(D))return null}else if(c!==o)return null;if(D===d||c===o){m=h;const t=Object(l.get)(e,"productBaseVariant.id")||null;m(t)}return s.a.createElement(s.a.Fragment,{key:"variants-"+a},s.a.createElement(n.t.Group,null,s.a.createElement(n.cb,{label:"Origin product",labelHidden:!0,value:u||r.a.get(t,"product.name","")}),s.a.createElement(p.a,{productBaseVariants:C,value:e,onChange:e=>{I(e,a);const{productBaseVariant:t}=e||{},{id:n}=t||{};m(n)},selectedVariants:B,enabled:!!f})))}):s.a.createElement("p",{style:{marginTop:"1rem",marginLeft:"2rem"}},"No variant found.");let P=null;return C&&C.length&&B&&B.length&&C.length===B.length&&(P=s.a.createElement(n.g,{children:"Reset variant",onClick:N,plain:!0})),s.a.createElement(m,null,s.a.createElement("label",{className:"label-mapping"},"Mapping"),s.a.createElement("div",null,s.a.createElement(n.j,{checked:!!f,onChange:v,label:"Force Mapping for this order item (only map this item without saving the mapping reuseable info)",disabled:!O||1===O.length})),j,s.a.createElement("div",{className:"mapping-wrap",style:{marginLeft:"-2rem"}},s.a.createElement(n.t.Group,null,s.a.createElement("span",null,"Origin product"),s.a.createElement("div",{className:"has-reset"},s.a.createElement("span",null,"Template variant"),P)),F))};t.default=b}}]);
27//# sourceMappingURL=46.1dcefd42.chunk.js.map