https://v3.zotabox.com/js/480.186ba9aec3504401.js

1/*! For license information please see 480.186ba9aec3504401.js.LICENSE.txt */
2"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[480],{10187:function(e,t,a){a.d(t,{X:function(){return n.X}});var n=a(33200)},33200:function(e,t,a){a.d(t,{X:function(){return T}});var n=a(6934),o=["aria-label"],l={class:"zbloa-h"},r=["disabled","aria-label"],i={class:"zbloa-note"},c={class:"zbloa-lab",for:"zbloa-oa"},s={class:"zbloa-row"},d=["disabled"],u={key:0,class:"zbloa-err"},p={key:1,class:"zbloa-hint"},b={class:"zbloa-lab",for:"zbloa-lid"},f={key:2,class:"zbloa-err"},g={class:"zbloa-lab",for:"zbloa-lsec"},m=["placeholder"],h={key:3,class:"zbloa-err"},_={key:4,class:"zbloa-hint"},y={class:"zbloa-sub"},v={class:"zbloa-lab",for:"zbloa-mid"},x={key:5,class:"zbloa-err"},z={class:"zbloa-lab",for:"zbloa-msec"},k=["placeholder"],w={class:"zbloa-lab",for:"zbloa-cb"},S={class:"zbloa-row"},E=["value"],V={class:"zbloa-hint"},N={key:6,class:"zbloa-err"},D={class:"zbloa-foot"},C=["disabled"],j=["disabled"];function T(e,t,a,T,B,O){return(0,n.openBlock)(),(0,n.createElementBlock)("div",{class:"zbloa",onClick:t[11]||(t[11]=(0,n.withModifiers)(function(){return O.close&&O.close.apply(O,arguments)},["self"])),onKeydown:t[12]||(t[12]=(0,n.withKeys)(function(){return O.close&&O.close.apply(O,arguments)},["esc"]))},[(0,n.createElementVNode)("div",{class:"zbloa-box",role:"dialog","aria-modal":"true","aria-label":O.t("oa_title")},[(0,n.createElementVNode)("p",l,[(0,n.createElementVNode)("b",null,(0,n.toDisplayString)(O.t("oa_title")),1),(0,n.createElementVNode)("button",{type:"button",class:"zbloa-x",disabled:B.busy,"aria-label":O.t("oa_close"),onClick:t[0]||(t[0]=function(){return O.close&&O.close.apply(O,arguments)})},"×",8,r)]),(0,n.createElementVNode)("p",i,(0,n.toDisplayString)(O.t("oa_intro")),1),(0,n.createElementVNode)("label",c,(0,n.toDisplayString)(O.t("oa_handle")),1),(0,n.createElementVNode)("div",s,[(0,n.withDirectives)((0,n.createElementVNode)("input",{id:"zbloa-oa","onUpdate:modelValue":t[1]||(t[1]=function(e){return B.f.oa=e}),class:(0,n.normalizeClass)(["zbloa-in",{bad:B.err.oa}]),placeholder:"@yourstore",autocomplete:"off",spellcheck:"false"},null,2),[[n.vModelText,B.f.oa]]),(0,n.createElementVNode)("button",{type:"button",class:"zbloa-btn2",disabled:!O.canFetch||B.fetching,onClick:t[2]||(t[2]=function(){return O.fetchHandle&&O.fetchHandle.apply(O,arguments)})},(0,n.toDisplayString)(B.fetching?O.t("oa_fetching"):O.t("oa_fetch")),9,d)]),B.err.oa?((0,n.openBlock)(),(0,n.createElementBlock)("p",u,(0,n.toDisplayString)(O.t("oa_handle_err")),1)):((0,n.openBlock)(),(0,n.createElementBlock)("p",p,(0,n.toDisplayString)(O.t("oa_handle_hint")),1)),(0,n.createElementVNode)("label",b,(0,n.toDisplayString)(O.t("oa_login_id")),1),(0,n.withDirectives)((0,n.createElementVNode)("input",{id:"zbloa-lid","onUpdate:modelValue":t[3]||(t[3]=function(e){return B.f.login_channel_id=e}),class:(0,n.normalizeClass)(["zbloa-in",{bad:B.err.login_channel_id}]),inputmode:"numeric",autocomplete:"off"},null,2),[[n.vModelText,B.f.login_channel_id]]),B.err.login_channel_id?((0,n.openBlock)(),(0,n.createElementBlock)("p",f,(0,n.toDisplayString)(O.t("oa_id_err")),1)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("label",g,(0,n.toDisplayString)(O.t("oa_login_secret")),1),(0,n.withDirectives)((0,n.createElementVNode)("input",{id:"zbloa-lsec","onUpdate:modelValue":t[4]||(t[4]=function(e){return B.f.login_channel_secret=e}),class:(0,n.normalizeClass)(["zbloa-in",{bad:B.err.login_channel_secret}]),type:"password",autocomplete:"off",placeholder:O.hasLoginSecret?O.t("oa_secret_kept"):""},null,10,m),[[n.vModelText,B.f.login_channel_secret]]),B.err.login_channel_secret?((0,n.openBlock)(),(0,n.createElementBlock)("p",h,(0,n.toDisplayString)(O.t("oa_secret_err")),1)):O.hasLoginSecret?((0,n.openBlock)(),(0,n.createElementBlock)("p",_,(0,n.toDisplayString)(O.t("oa_secret_kept_hint")),1)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("p",y,(0,n.toDisplayString)(O.t("oa_optional")),1),(0,n.createElementVNode)("label",v,(0,n.toDisplayString)(O.t("oa_msg_id")),1),(0,n.withDirectives)((0,n.createElementVNode)("input",{id:"zbloa-mid","onUpdate:modelValue":t[5]||(t[5]=function(e){return B.f.messaging_channel_id=e}),class:(0,n.normalizeClass)(["zbloa-in",{bad:B.err.messaging_channel_id}]),inputmode:"numeric",autocomplete:"off"},null,2),[[n.vModelText,B.f.messaging_channel_id]]),B.err.messaging_channel_id?((0,n.openBlock)(),(0,n.createElementBlock)("p",x,

2(0,n.toDisplayString)(O.t("oa_id_err")),1)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("label",z,(0,n.toDisplayString)(O.t("oa_msg_secret")),1),(0,n.withDirectives)((0,n.createElementVNode)("input",{id:"zbloa-msec","onUpdate:modelValue":t[6]||(t[6]=function(e){return B.f.messaging_channel_secret=e}),class:"zbloa-in",type:"password",autocomplete:"off",placeholder:O.hasMsgSecret?O.t("oa_secret_kept"):""},null,8,k),[[n.vModelText,B.f.messaging_channel_secret]]),(0,n.createElementVNode)("label",w,(0,n.toDisplayString)(O.t("oa_callback")),1),(0,n.createElementVNode)("div",S,[(0,n.createElementVNode)("input",{id:"zbloa-cb",class:"zbloa-in",value:O.callbackUrl,readonly:"",onFocus:t[7]||(t[7]=function(e){return e.target.select()})},null,40,E),(0,n.createElementVNode)("button",{type:"button",class:"zbloa-btn2",onClick:t[8]||(t[8]=function(){return O.copyCallback&&O.copyCallback.apply(O,arguments)})},(0,n.toDisplayString)(B.copied?O.t("oa_copied"):O.t("oa_copy")),1)]),(0,n.createElementVNode)("p",V,(0,n.toDisplayString)(O.t("oa_callback_hint")),1),B.failed?((0,n.openBlock)(),(0,n.createElementBlock)("p",N,(0,n.toDisplayString)(B.failed),1)):(0,n.createCommentVNode)("",!0),(0,n.createElementVNode)("div",D,[(0,n.createElementVNode)("button",{type:"button",class:"zbloa-btn",disabled:B.busy,onClick:t[9]||(t[9]=function(){return O.close&&O.close.apply(O,arguments)})},(0,n.toDisplayString)(O.t("oa_cancel")),9,C),(0,n.createElementVNode)("button",{type:"button",class:"zbloa-btn on",disabled:B.busy,onClick:t[10]||(t[10]=function(){return O.save&&O.save.apply(O,arguments)})},(0,n.toDisplayString)(B.busy?O.t("oa_saving"):O.t("oa_save")),9,j)])],8,o)],32)}},39162:function(e,t,a){var n=a(57536),o=a(75872);function l(e){return l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},l(e)}function r(){var e,t,a="function"==typeof Symbol?Symbol:{},n=a.iterator||"@@iterator",o=a.toStringTag||"@@toStringTag";function l(a,n,o,l){var r=n&&n.prototype instanceof s?n:s,d=Object.create(r.prototype);return i(d,"_invoke",function(a,n,o){var l,r,i,s=0,d=o||[],u=!1,p={p:0,n:0,v:e,a:b,f:b.bind(e,4),d:function(t,a){return l=t,r=0,i=e,p.n=a,c}};function b(a,n){for(r=a,i=n,t=0;!u&&s&&!o&&t<d.length;t++){var o,l=d[t],b=p.p,f=l[2];a>3?(o=f===n)&&(i=l[(r=l[4])?5:(r=3,3)],l[4]=l[5]=e):l[0]<=b&&((o=a<2&&b<l[1])?(r=0,p.v=n,p.n=l[1]):b<f&&(o=a<3||l[0]>n||n>f)&&(l[4]=a,l[5]=n,p.n=f,r=0))}if(o||a>1)return c;throw u=!0,n}return function(o,d,f){if(s>1)throw TypeError("Generator is already running");for(u&&1===d&&b(d,f),r=d,i=f;(t=r<2?e:i)||!u;){l||(r?r<3?(r>1&&(p.n=-1),b(r,i)):p.n=i:p.v=i);try{if(s=2,l){if(r||(o="next"),t=l[o]){if(!(t=t.call(l,i)))throw TypeError("iterator result is not an object");if(!t.done)return t;i=t.value,r<2&&(r=0)}else 1===r&&(t=l.return)&&t.call(l),r<2&&(i=TypeError("The iterator does not provide a '"+o+"' method"),r=1);l=e}else if((t=(u=p.n<0)?i:a.call(n,p))!==c)break}catch(t){l=e,r=1,i=t}finally{s=1}}return{value:t,done:u}}}(a,o,l),!0),d}var c={};function s(){}function d(){}function u(){}t=Object.getPrototypeOf;var p=[][n]?t(t([][n]())):(i(t={},n,function(){return this}),t),b=u.prototype=s.prototype=Object.create(p);function f(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,u):(e.__proto__=u,i(e,o,"GeneratorFunction")),e.prototype=Object.create(b),e}return d.prototype=u,i(b,"constructor",u),i(u,"constructor",d),d.displayName="GeneratorFunction",i(u,o,"GeneratorFunction"),i(b),i(b,o,"Generator"),i(b,n,function(){return this}),i(b,"toString",function(){return"[object Generator]"}),(r=function(){return{w:l,m:f}})()}function i(e,t,a,n){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}i=function(e,t,a,n){function l(t,a){i(e,t,function(e){return this._invoke(t,a,e)})}t?o?o(e,t,{value:a,enumerable:!n,configurable:!n,writable:!n}):e[t]=a:(l("next",0),l("throw",1),l("return",2))},i(e,t,a,n)}function c(e,t,a,n,o,l,r){try{var i=e[l](r),c=i.value}catch(e){return void a(e)}i.done?t(c):Promise.resolve(c).then(n,o)}function s(e){return function(){var t=this,a=arguments;return new Promise(function(n,o){var l=e.apply(t,a);function r(e){c(l,n,o,r,i,"next",e)}function i(e){c(l,n,o,r,i,"throw",e)}r(void 0)})}}t.A={name:"LineOaModal",props:{widgetId:{type:[Number,String],required:!0},connection:{type:Object,default:null},prefill:{type:Object,default:null}},emits:["saved","close"],data:function(){var e=this.connection||this.prefill||{};return{f:{oa:String(e.oa||""),login_channel_id:String(e.login_channel_id||""),login_channel_secret:"",messaging_channel_id:String(e.messaging_channel_id||""),messaging_channel_secret:""},err:{},failed:"",busy:!1,fetching:!1,copied:!1}},computed:{hasLoginSecret:function(){var e;return!(null===(e=this.connection)||void 0===e||!e.has_login_secret)},hasMsgSecret:function(){var e;return!(null===(e=this.connection)||void 0===e||!e.has_messaging_secret)},canFetch:function(){return/^\d{1,20}$/.test(this.f.messaging_channel_id.trim())&&""!==this.f.messaging_channel_secret.trim()},callbackUrl:function(){var e,t;return((null===(e=this.$root)||void 0===e||null===(e=e.environment)||void 0===e?void 0:e.LINE_STATIC_URL)||(null===(t=window.ZotaboxEnv)||void 0===t?void 0:t.LINE_STATIC_URL)||"https://linecapture.zotabox.com")+"/api/line-capture/callback"}},methods:{t:function(e){return(0,o.pw)("ai_widget.".concat(e))},close:function(){this.busy||this.$emit("close")},copyCallback:function(){var e=this;return s(r().m(function t(){return r().w(function(t){for(;;)switch(t.p=t.n){case 0:return t.p=0,t.n=1,navigator.clipboard.writeText(e.callbackUrl);case 1:e.copied=!0,setTimeout(function(){e.copied=!1},1600),t.n=3;break;case 2:t.p=2,t.v;case 3:return t.a(2)}},t,null,[[0,2]])}))()},fetchHandle:function(){var e=this;return s(r().m(function t(){var a,o,l;return r().w(function(t){for(;;)switch(t.p=t.n){case 0:if(e.canFetch&&!e.fetching){t.n=1;break}return t.a(2);case 1:return e.fetching=!0,e.failed="",t.p=2,t.n=3,n.A.post("/api/line/validate-credentials",{channel_id:e.f.messaging_channel_id.trim(),channel_secret:e.f.messaging_channel_secret.trim()});case 3:l=t.v,null!==(a=l.data)&&void 0!==a&&a.valid&&null!==(o=l.data)&&void 0!==o&&o.oa_id?(e.f.oa=String(l.data.oa_id),delete e.err.oa):e.failed=e.t("oa_fetch_failed"),t.n=5;break;case 4:t.p=4,t.v,e.failed=e.t("oa_fetch_failed");case 5:return t.p=5,e.fetching=!1,t.f(5);case 6:return t.a(2)}},t,null,[[2,4,5,6]])}))()},save:function(){var e=this;return s(r().m(function t(){var a,o,i,c,s,d;return r().w(function(t){for(;;)switch(t.p=t.n){case 0:if(!e.busy){t.n=1;break}return t.a(2);case 1:return e.busy=!0,e.err={},e.failed="",t.p=2,t.n=3,n.A.post("/api/widget/ai/line-oa",{widget_id:e.widgetId,oa:e.f.oa.trim(),login_channel_id:e.f.login_channel_id.trim(),login_channel_secret:e.f.login_channel_secret.trim(),messaging_channel_id:e.f.messaging_channel_id.trim(),messaging_channel_secret:e.f.messaging_channel_secret.trim()});case 3:o=t.v,e.$emit("saved",(null===(a=o.data)||void 0===a?void 0:a.connection)||null),t.n=5;break;case 4:t.p=4,d=t.v,s=null==d||null===(i=d.response)||void 0===i||null===(i=i.data)||void 0===i?void 0:i.errors,422===(null==d||null===(c=d.response)||void 0===c?void 0:c.status)&&s&&"object"===l(s)?e.err=s:e.failed=e.t("oa_save_failed");case 5:return t.p=5,e.busy=!1,t.f(5);case 6:return t.a(2)}},t,null,[[2,4,5,6]])}))()}},mounted:function(){var e;null===(e=this.$el.querySelector("#zbloa-oa"))||void 0===e||e.focus()}}},70480:function(e,t,a){a.r(t);var n=a(10187),o=a(83961);a(90277);const l=(0,a(66262).A)(o.A,[["render",n.X],["__scopeId","data-v-9495a99a"]]);t.default=l},78564:function(e,t,a){var n=a(85072),o=a.n(n),l=a(90127),r={insert:"head",singleton:!1};o()(l.A,r),l.A.locals},83961:function(e,t,a){a.d(t,{A:function(){return n.A}});var n=a(39162)},90127:function(e,t,a){var n=a(76314),o=a.n(n)()(function(e){return e[1]});

2o.push([e.id,".zbloa[data-v-9495a99a]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background:rgba(24,22,20,.48);display:-webkit-box;display:-ms-flexbox;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:620}.zbloa-box[data-v-9495a99a]{background:#fff;border-radius:14px;-webkit-box-shadow:0 24px 60px rgba(0,0,0,.22);box-shadow:0 24px 60px rgba(0,0,0,.22);max-height:86vh;max-width:460px;overflow:auto;padding:20px;width:100%}.zbloa-h[data-v-9495a99a]{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:justify;-ms-flex-pack:justify;align-items:center;color:#201c1a;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:15px;justify-content:space-between;margin:0 0 10px}.zbloa-x[data-v-9495a99a]{background:transparent;border:0;color:#6b6560;cursor:pointer;font-size:22px;line-height:1}.zbloa-x[data-v-9495a99a]:disabled{cursor:default;opacity:.4}.zbloa-note[data-v-9495a99a]{color:#6b6560;font-size:12.5px;line-height:1.5;margin:0 0 14px}.zbloa-lab[data-v-9495a99a]{color:#201c1a;display:block;font-size:12.5px;font-weight:600;margin:12px 0 5px}.zbloa-sub[data-v-9495a99a]{border-top:1px solid #ede9e4;color:#6b6560;font-size:12px;font-weight:600;letter-spacing:.04em;margin:18px 0 0;padding-top:12px;text-transform:uppercase}.zbloa-in[data-v-9495a99a]{background:#fff;border:1px solid #d6d0c9;border-radius:8px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#201c1a;font:inherit;font-size:13px;padding:8px 10px;width:100%}.zbloa-in[data-v-9495a99a]:focus{border-color:#4a7cf7;outline:2px solid #4a7cf7;outline-offset:1px}.zbloa-in.bad[data-v-9495a99a]{border-color:#c9433b}.zbloa-in[readonly][data-v-9495a99a]{background:#f6f4f1;color:#6b6560}.zbloa-row[data-v-9495a99a]{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px}.zbloa-hint[data-v-9495a99a]{color:#8a837c}.zbloa-err[data-v-9495a99a],.zbloa-hint[data-v-9495a99a]{font-size:11.5px;line-height:1.45;margin:5px 0 0}.zbloa-err[data-v-9495a99a]{color:#c9433b}.zbloa-foot[data-v-9495a99a]{-webkit-box-pack:end;-ms-flex-pack:end;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.zbloa-btn[data-v-9495a99a]{background:#fff;border:1px solid #d6d0c9;border-radius:8px;color:#201c1a;cursor:pointer;font:inherit;font-size:13px;padding:8px 14px}.zbloa-btn.on[data-v-9495a99a]{background:#201c1a;border-color:#201c1a;color:#fff}.zbloa-btn[data-v-9495a99a]:disabled{cursor:default;opacity:.5}.zbloa-btn2[data-v-9495a99a]{-webkit-box-flex:0;background:#fff;border:1px solid #d6d0c9;border-radius:8px;color:#201c1a;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;font:inherit;font-size:12.5px;padding:8px 12px;white-space:nowrap}.zbloa-btn2[data-v-9495a99a]:disabled{cursor:default;opacity:.5}",""]),t.A=o},90277:function(e,t,a){a(78564)}}]);