https://dashboard.paintory.com/js/9135.95287d19.js

1"use strict";(self["webpackChunkpaintory_app"]=self["webpackChunkpaintory_app"]||[]).push([[9135],{47310:()=>{},56463:(e,t,a)=>{e.exports=a.p+"img/powered_by_stripe_blurple.7caedf6d.svg"},99135:(e,t,a)=>{a.r(t),a.d(t,{default:()=>P});var r=a(20641),l=a(90033),i=a(53751),n=a(56463);const u={class:"shopify-wrapper layout_max_width layout_centering",id:"shopify-settings-wrapper",style:{"margin-top":"30px"}},s={class:"instruction_content-center"},o={style:{"margin-top":"30px"}},d={class:"a_content"},c={class:"register-progress-rate"},p={class:"a_content"},v={id:"card_number_last4"},g={id:"card_expiry"},_={class:"a_content"},y={class:"a_content",style:{width:"100%"}},f={class:"checkout-payment-note"},h={class:"shopify-save-button"},b={class:"shopify-footer"};function k(e,t,a,k,m,L){const w=(0,r.g2)("v-btn"),x=(0,r.g2)("v-list-item-title"),S=(0,r.g2)("v-ons-progress-bar"),R=(0,r.g2)("v-list"),C=(0,r.g2)("v-list-item"),I=(0,r.g2)("v-text-field"),F=(0,r.g2)("ion-loading"),K=(0,r.g2)("ion-page");return(0,r.uX)(),(0,r.Wv)(K,null,{default:(0,r.k6)((()=>[(0,r.Lk)("div",u,[(0,r.bo)((0,r.Lk)("div",null,[(0,r.bF)(R,null,{default:(0,r.k6)((()=>[(0,r.bo)((0,r.Lk)("div",null,[(0,r.Lk)("div",null,[(0,r.Lk)("div",{class:(0,l.C4)(["instruction_title",{line_through:k.shopifyProductRegistered}])},"1. 商品を登録しストアに公開しましょう",2),(0,r.Lk)("div",{class:(0,l.C4)(["instruction_content",{line_through:k.shopifyProductRegistered}])},t[9]||(t[9]=[(0,r.eW)("カタログからテンプレートを選択し、商品をカスタマイズして登録しましょう。"),(0,r.Lk)("br",null,null,-1),(0,r.eW)("商品の編集画面でShopifyへの公開設定を「公開」にすることで、商品がShopifyストアに連携されます。")]),2),(0,r.Lk)("div",s,[(0,r.bF)(w,{class:(0,l.C4)(["instruction_button layout_max_width layout_centering",{line_through:k.shopifyProductRegistered}]),modifier:"large",style:{"margin-top":"10px","margin-bottom":"16px"},onClick:t[0]||(t[0]=e=>k.onClickCustomize())},{default:(0,r.k6)((()=>t[10]||(t[10]=[(0,r.eW)("商品を登録する")]))),_:1},8,["class"])])]),(0,r.Lk)("div",o,[(0,r.Lk)("div",{class:(0,l.C4)(["instruction_title",{line_through:k.creditCardRegistered}])},"2. クレジットカードを設定しましょう",2),(0,r.Lk)("div",{class:(0,l.C4)(["instruction_content",{line_through:k.creditCardRegistered}])},"paintoryから連携した商品がShopifyストアで注文された場合に、商品の仕入代金（オーダー価格）を決済するためのクレジットカード情報を設定してください。",2)])],512),[[i.aG,k.visibleInstruction]]),(0,r.bo)((0,r.Lk)("span",null,[(0,r.bF)(x,{class:"title_header"},{default:(0,r.k6)((()=>t[11]||(t[11]=[(0,r.eW)("商品情報の一括同期")]))),_:1}),(0,r.Lk)("div",d,[t[12]||(t[12]=(0,r.Lk)("div",{class:"register-progress-text"},"商品を同期しています",-1)),(0,r.Lk)("div",c,(0,l.v_)(k.progressValue)+" %",1),(0,r.bF)(S,{value:k.progressValue,modifier:"material"},null,8,["value"])])],512),[[i.aG,k.progressActive]]),(0,r.bF)(x,{class:"title_header",style:{"margin-top":"8px"}},{default:(0,r.k6)((()=>[t[14]||(t[14]=(0,r.eW)("クレジットカード設定")),t[15]||(t[15]=(0,r.Lk)("img",{class:"stripe_badge",src:n},null,-1)),(0,r.bo)((0,r.Lk)("div",p,[(0,r.Lk)("div",v,[(0,r.Lk)("p",null,"カード番号： **** **** **** "+(0,l.v_)(k.shopifyInfo.card_number_last4),1)]),(0,r.Lk)("div",g,[(0,r.Lk)("p",null,"有効期限： "+(0,l.v_)(k.shopifyInfo.card_expiry),1)])],512),[[i.aG,""!==k.shopifyInfo.card_number_last4]]),(0,r.bo)((0,r.Lk)("div",_,t[13]||(t[13]=[(0,r.Lk)("div",null,[(0,r.Lk)("p",null,"決済用のカードを登録してください。")],-1)]),512),[[i.aG,""===k.shopifyInfo.card_number_last4]])])),_:1})])),_:1})],512),[[i.aG,!k.editMode]]),(0,r.bo)((0,r.Lk)("div",null,[(0,r.bF)(R,null,{default:(0,r.k6)((()=>[(0,r.bF)(x,{class:"title_header"},{default:(0,r.k6)((()=>t[16]||(t[16]=[(0,r.eW)("クレジットカード設定"),(0,r.Lk)("img",{class:"stripe_badge",src:n},null,-1)]))),_:1}),(0,r.Lk)("div",y,[(0,r.bF)(R,null,{default:(0,r.k6)((()=>[(0,r.bF)(C,null,{default:(0,r.k6)((()=>[(0,r.Lk)("div",f,(0,l.v_)(k.shopifyInfo.explanatory_text),1)])),_:1})])),_:1})]),(0,r.bF)(C,null,{default:(0,r.k6)((()=>t[17]||(t[17]=[(0,r.Lk)("div",{class:"v-list-item-header"},[(0,r.eW)("カード番号"),(0,r.Lk)("span",{class:"required"},"必須")],-1)]))),_:1}),(0,r.bF)(C,null,{default:(0,r.k6)((()=>[(0,r.bF)(I,{type:"tel",label:"•••• •••• •••• ••••",pattern:"d*",maxlength:"19","hide-details":"auto",variant:"underlined",modelValue:k.cardNumberD,"onUpdate:modelValue":t[1]||(t[1]=e=>k.cardNumberD=e),rules:[k.rules.required],onInput:t[2]||(t[2]=e=>k.inputCardNumber(e))},null,8,["modelValue","rules"])])),_:1}),(0,r.bF)(C,null,{default:(0,r.k6)((()=>t[18]||(t[18]=[(0,r.Lk)("div",{class:"v-list-item-header"},[(0,r.eW)("有効期限(月/年)"),(0,r.Lk)("span",{class:"required"},"必須")],-1)]))),_:1}),(0,r.bF)(C,null,{default:(0,r.k6)((()=>[(0,r.bF)(I,{type:"tel",label:"MM / YY",pattern:"d*",maxlength:"7","hide-details":"auto",variant:"underlined",modelValue:k.cardExpiryD,"onUpdate:modelValue":t[3]||(t[3]=e=>k.cardExpiryD=e),rules:[k.rules.required],onInput:t[4]||(t[4]=e=>k.inputCardExpiry(e))},null,8,["modelValue","rules"])])),_:1}),(0,r.bF)(C,null,{default:(0,r.k6)((()=>t[19]||(t[19]=[(0,r.Lk)("div",{class:"v-list-item-header"},[(0,r.eW)("セキュリティーコード"),(0,r.Lk)("span",{class:"required"},"必須")],-1)]))),_:1}),(0,r.bF)(C,null,{default:(0,r.k6)((()=>[(0,r.bF)(I,{type:"tel",label:"CVC（半角数字 例:123）",pattern:"d*",maxlength:"4","hide-details":"auto",variant:"underlined",modelValue:k.cardCvc,"onUpdate:modelValue":t[5]||(t[5]=e=>k.cardCvc=e),rules:[k.rules.required]},null,8,["modelValue","rules"])])),_:1}),(0,r.Lk)("div",h,[(0,r.bF)(w,{class:"text-body-2 shopify-info-button",modifier:"large",onClick:t[6]||(t[6]=e=>k.saveShopifyInfo())},{default:(0,r.k6)((()=>t[20]||(t[20]=[(0,r.eW)("決済情報の変更を保存")]))),_:1})])])),_:1})],512),[[i.aG,k.editMode]]),(0,r.Lk)("div",b,[(0,r.bo)((0,r.bF)(w,{class:"shopify-button layout_max_width layout_centering",modifier:"large",onClick:t[7]||(t[7]=e=>k.onEdit())},{default:(0,r.k6)((()=>t[21]||(t[21]=[(0,r.eW)("設定を変更")]))),_:1},512),[[i.aG,!k.editMode]]),(0,r.bo)((0,r.bF)(w,{class:"shopify-button layout_max_width layout_centering",modifier:"large",onClick:t[8]||(t[8]=e=>k.onFinish())},{default:(0,r.k6)((()=>

1t[22]||(t[22]=[(0,r.eW)("戻る")]))),_:1},512),[[i.aG,k.editMode]])]),(0,r.bF)(F,{message:"確認中","is-open":k.visibleLoading},null,8,["is-open"])])])),_:1})}a(16280),a(44114),a(33110),a(27495),a(25440);var m=a(50953),L=a(51224),w=a(85281),x=a(47310),S=a(84790),R=a(8437),C=a(49462),I=a(75220),F=a(64251),K=a(81719),E=a(25120);const V=(0,r.pM)({__name:"Shopify",setup(e,{expose:t}){t();const a=(0,L.jq)(),l=(0,w.y2)(),i=(0,S.Ti)(),n=(0,R.X)(),u=(0,m.KR)(null),s=(0,m.KR)(),o=(0,m.KR)(!0),d=(0,m.KR)(!1),c=(0,m.KR)(!1),p=(0,m.KR)(!1),v=(0,m.KR)({product_regist:0,explanatory_text:"",card_number_last4:"",card_expiry:"",five_days_discount:0}),g=(0,m.KR)(),_=(0,m.KR)(""),y=(0,m.KR)(""),f=(0,m.KR)(""),h=(0,m.KR)(""),b=(0,m.KR)(""),k=(0,m.KR)(""),V=(0,r.EW)((()=>{let e;return f.value&&(e=parseInt(f.value.replace(/[^\d]/g,"").substring(2,4))+2e3),String(e)})),W=(0,r.EW)((()=>f.value?f.value.replace(/[^\d]/g,"").substring(0,2):"")),M=(0,m.KR)(""),P={required:e=>!!e||"入力してください"},q=(0,m.KR)([]),A=(0,m.KR)(!1),T=(0,m.KR)(!1),G=(0,m.KR)(),N=(0,m.KR)(0),j=(0,m.KR)(!1),D=()=>{j.value=!0},X=()=>{j.value=!1};(0,r.sV)((async()=>{D();try{const e=await n.loginInfo();console.log("***** shopify *****"),d.value="1"===(null===e||void 0===e?void 0:e.credit_card_registered_flg),c.value="1"===(null===e||void 0===e?void 0:e.shopify_product_registered_flg),o.value=!(d.value&&c.value),s.value=await l.getPaymentMethodList({planned_production_flg:"",backorder_due_in_date:""}),v.value=await l.getShopify()}catch(e){console.log("shopify fetch error:",e)}finally{X()}}));const U=(0,E.K)();(0,L.xX)((async()=>{await O()})),(0,r.wB)((()=>U.updated),(async()=>{U.updated&&await O()}));const O=async()=>{try{const e=U.consumeQuery();e.setup_intent&&await Z(e.setup_intent)}catch(e){F.Cp({message:"shopify card info register process error",data:{object:"object"!==typeof e||e&&"message"in e?String(e):JSON.stringify(e)}}),(0,C.M)().push({title:"クレジットカード情報の設定に失敗しました",text:"設定するカード情報をご確認下さい",type:"alert"},5)}},Y=e=>{e.target.value&&(_.value=e.target.value.replace(/[^\d]/g,""),y.value||(y.value=""),y.value.substring(0,e.target.value.length)!==e.target.value&&(e.target.value=String(_.value).replace(/(\d\d\d\d)/g,"$1 ").substring(0,19),b.value=e.target.value),y.value=e.target.value)},z=e=>{e.target.value&&(f.value=e.target.value.replace(/[^\d]/g,""),h.value||(h.value=""),h.value.substring(0,e.target.value.length)!==e.target.value&&(e.target.value=String(f.value).replace(/(\d\d)/g,"$1 / ").substring(0,7),k.value=e.target.value),h.value=e.target.value)},B=()=>{a.push("/main/catalog?defaultTab=1")},$=()=>{g.value=v.value,p.value=!0,le()},J=()=>{p.value=!1,le()},Q=async()=>{var e;const t=await i.createPaymentMethod({number:(null===(e=_.value)||void 0===e?void 0:e.toString())||"",exp_year:parseInt(V.value,10),exp_month:parseInt(W.value,10),cvc:M.value}),a=t.id;return await l.postStripe3dSecureSetupIntent({payment_method_id:a,return_url:i.getShopifySetupIntentReturnUrl()})},H=async e=>{const t=await l.getStrip3dSecureSetupIntent(e);if(!t||"succeeded"!==t.status)throw new Error("card brand authentication failed.",{cause:t});return t},Z=async e=>{if(ee())try{if(D(),e){const t=await H(e);await l.putShopify({setup_intent_id:t.id,five_days_discount:1}),d.value=!0,p.value=!1}else{const e=await Q();if(void 0===e)return;if(!Array.isArray(e)){var t;if("canceled"===e.status)throw new Error("setup intent did not succeed, cancel it.");const a=e.next_action;if(a&&"redirect_to_url"===a.type&&null!==(t=a.redirect_to_url)&&void 0!==t&&t.url)return void(window.location.href=a.redirect_to_url.url)}const a=Array.isArray(e)||null===e||void 0===e?void 0:e.id,r=await te();await l.putShopify({setup_intent_id:a,stripe_token:r,five_days_discount:1}),d.value=!0,p.value=!1}v.value=await l.getShopify()}catch(a){(0,C.M)().push({title:"クレジットカードの更新に失敗しました",text:a,type:"alert"},5)}finally{X()}},ee=()=>{const e=[];return _.value&&f.value&&M.value||(_.value?e.push("カード番号を入力してください。"):f.value?e.push("有効期限を入力してください。"):M.value&&e.push("セキュリティーコードを入力してください。")),!e.length},te=async()=>{try{const e=f.value.substring(2,4),t=f.value.substring(0,2),a=await i.createCardToken({card:{number:_.value,exp_year:e,exp_month:t,cvc:M.value}});return a.id}catch(e){throw console.log("create card token fail, ",e),X(),new Error("クレジットカードの認証に失敗しました。\n入力内容を確認してください。")}},ae=()=>{T.value&&(G.value=setTimeout((async()=>{G.value=null;const e=await l.getProcessProgress("shopify_product_registration");N.value=e.progress,N.value>=100&&re(),T.value&&ae()}),1e3))},re=()=>{T.value=!1,G.value&&(clearTimeout(G.value),G.value=null)},le=()=>{var e;null===(e=u.value)||void 0===e||e.scrollTo(0,0)}

1,ie={ionRouter:a,api:l,stripe:i,userLoginInfo:n,shopifySettingsWrapper:u,paymentMethodList:s,visibleInstruction:o,creditCardRegistered:d,shopifyProductRegistered:c,editMode:p,shopifyInfo:v,editShopifyInfo:g,cardNumber:_,cardNumberView:y,cardExpiry:f,cardExpiryView:h,cardNumberD:b,cardExpiryD:k,cardExpireYear:V,cardExpireMonth:W,cardCvc:M,rules:P,errors:q,switchOn:A,progressActive:T,progressTimeout:G,progressValue:N,visibleLoading:j,showLoading:D,hideLoading:X,deepLink:U,checkCallback:O,inputCardNumber:Y,inputCardExpiry:z,onClickCustomize:B,onEdit:$,onFinish:J,saveSetupIntent:Q,resultSetupIntent:H,saveShopifyInfo:Z,checkForm:ee,getStripeToken:te,updateProgress:ae,closeProgress:re,toTop:le,ref:m.KR,onMounted:r.sV,computed:r.EW,watch:r.wB,get onIonViewWillEnter(){return L.xX},get useIonRouter(){return L.jq},get injectFetchApi(){return w.y2},get PaymentMethod(){return x.g},get ShopifyInfo(){return x.F},get injectStripeApi(){return S.Ti},get useLoginInfo(){return R.X},get useAlert(){return C.M},get useRoute(){return I.lq},get Sentry(){return K},get useDeepLink(){return E.K}};return Object.defineProperty(ie,"__isScriptSetup",{enumerable:!1,value:!0}),ie}});var W=a(66262);const M=(0,W.A)(V,[["render",k],["__scopeId","data-v-5deece1b"]]),P=M}}]);
2//# sourceMappingURL=9135.95287d19.js.map