dripsender-otp-widget 1.1.10 → 1.2.0
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.
- package/dist/assets/main.js +7 -7
- package/package.json +1 -1
package/dist/assets/main.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
(function(){"use strict";try{if(typeof document<"u"){var t=document.createElement("style");t.id="dripsender-otp-styles",t.appendChild(document.createTextNode('*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-2{bottom:-.5rem}.left-1\\/2{left:50%}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-1{height:.25rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-2{border-width:2px}.border-l-4{border-left-width:4px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.success-animation{animation:success-pulse 1.5s ease-in-out}.hover\\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\\:transform-none:disabled{transform:none}.disabled\\:opacity-70:disabled{opacity:.7}')),document.head.appendChild(t)}}catch(r){console.error("vite-plugin-css-injected-by-js",r)}})();
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
Memverifikasi...`,s(t,"class","flex items-center justify-center")},m(n,l){S(n,t,l)},d(n){n&&E(t)}}}function Xe(e){let t;return{c(){t=z("Kirim Kode OTP")},m(n,l){S(n,t,l)},d(n){n&&E(t)}}}function qe(e){let t;return{c(){t=h("div"),t.innerHTML=`<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
|
|
7
|
-
|
|
1
|
+
(function(M,T){typeof exports=="object"&&typeof module<"u"?module.exports=T():typeof define=="function"&&define.amd?define(T):(M=typeof globalThis<"u"?globalThis:M||self,M.DripsenderOTP=T())})(this,function(){"use strict";var ce=Object.defineProperty;var de=(M,T,D)=>T in M?ce(M,T,{enumerable:!0,configurable:!0,writable:!0,value:D}):M[T]=D;var nt=(M,T,D)=>(de(M,typeof T!="symbol"?T+"":T,D),D);function M(){}function T(t){return t()}function D(){return Object.create(null)}function B(t){t.forEach(T)}function at(t){return typeof t=="function"}function yt(t,e){return t!=t?e==e:t!==e||t&&typeof t=="object"||typeof t=="function"}function kt(t){return Object.keys(t).length===0}function l(t,e){t.appendChild(e)}function xt(t,e,r){const o=_t(t);if(!o.getElementById(e)){const a=p("style");a.id=e,a.textContent=r,zt(o,a)}}function _t(t){if(!t)return document;const e=t.getRootNode?t.getRootNode():t.ownerDocument;return e&&e.host?e:t.ownerDocument}function zt(t,e){return l(t.head||t,e),e.sheet}function P(t,e,r){t.insertBefore(e,r||null)}function S(t){t.parentNode&&t.parentNode.removeChild(t)}function Ct(t,e){for(let r=0;r<t.length;r+=1)t[r]&&t[r].d(e)}function p(t){return document.createElement(t)}function Q(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function L(t){return document.createTextNode(t)}function O(){return L(" ")}function Et(){return L("")}function N(t,e,r,o){return t.addEventListener(e,r,o),()=>t.removeEventListener(e,r,o)}function i(t,e,r){r==null?t.removeAttribute(e):t.getAttribute(e)!==r&&t.setAttribute(e,r)}function St(t){return Array.from(t.childNodes)}function Z(t,e){e=""+e,t.data!==e&&(t.data=e)}function it(t,e){t.value=e??""}function st(t,e,r,o){r==null?t.style.removeProperty(e):t.style.setProperty(e,r,o?"important":"")}let W;function q(t){W=t}function Mt(){if(!W)throw new Error("Function called outside component initialization");return W}function Pt(t){Mt().$$.on_mount.push(t)}const R=[],lt=[];let U=[];const ct=[],Ot=Promise.resolve();let tt=!1;function jt(){tt||(tt=!0,Ot.then(dt))}function et(t){U.push(t)}const rt=new Set;let X=0;function dt(){if(X!==0)return;const t=W;do{try{for(;X<R.length;){const e=R[X];X++,q(e),Tt(e.$$)}}catch(e){throw R.length=0,X=0,e}for(q(null),R.length=0,X=0;lt.length;)lt.pop()();for(let e=0;e<U.length;e+=1){const r=U[e];rt.has(r)||(rt.add(r),r())}U.length=0}while(R.length);for(;ct.length;)ct.pop()();tt=!1,rt.clear(),q(t)}function Tt(t){if(t.fragment!==null){t.update(),B(t.before_update);const e=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,e),t.after_update.forEach(et)}}function Ht(t){const e=[],r=[];U.forEach(o=>t.indexOf(o)===-1?e.push(o):r.push(o)),r.forEach(o=>o()),U=e}const It=new Set;function Kt(t,e){t&&t.i&&(It.delete(t),t.i(e))}function ut(t){return(t==null?void 0:t.length)!==void 0?t:Array.from(t)}function Lt(t,e,r){const{fragment:o,after_update:a}=t.$$;o&&o.m(e,r),et(()=>{const c=t.$$.on_mount.map(T).filter(at);t.$$.on_destroy?t.$$.on_destroy.push(...c):B(c),t.$$.on_mount=[]}),a.forEach(et)}function Nt(t,e){const r=t.$$;r.fragment!==null&&(Ht(r.after_update),B(r.on_destroy),r.fragment&&r.fragment.d(e),r.on_destroy=r.fragment=null,r.ctx=[])}function Dt(t,e){t.$$.dirty[0]===-1&&(R.push(t),jt(),t.$$.dirty.fill(0)),t.$$.dirty[e/31|0]|=1<<e%31}function At(t,e,r,o,a,c,w=null,u=[-1]){const f=W;q(t);const d=t.$$={fragment:null,ctx:[],props:c,update:M,not_equal:a,bound:D(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(e.context||(f?f.$$.context:[])),callbacks:D(),dirty:u,skip_bound:!1,root:e.target||f.$$.root};w&&w(d.root);let _=!1;if(d.ctx=r?r(t,e.props||{},(m,b,...s)=>{const h=s.length?s[0]:b;return d.ctx&&a(d.ctx[m],d.ctx[m]=h)&&(!d.skip_bound&&d.bound[m]&&d.bound[m](h),_&&Dt(t,m)),b}):[],d.update(),_=!0,B(d.before_update),d.fragment=o?o(d.ctx):!1,e.target){if(e.hydrate){const m=St(e.target);d.fragment&&d.fragment.l(m),m.forEach(S)}else d.fragment&&d.fragment.c();e.intro&&Kt(t.$$.fragment),Lt(t,e.target,e.anchor),dt()}q(f)}class Bt{constructor(){nt(this,"$$");nt(this,"$$set")}$destroy(){Nt(this,1),this.$destroy=M}$on(e,r){if(!at(r))return M;const o=this.$$.callbacks[e]||(this.$$.callbacks[e]=[]);return o.push(r),()=>{const a=o.indexOf(r);a!==-1&&o.splice(a,1)}}$set(e){this.$$set&&!kt(e)&&(this.$$.skip_bound=!0,this.$$set(e),this.$$.skip_bound=!1)}}const Yt="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(Yt);function Rt(t){xt(t,"svelte-iwfd87",`body{margin:0;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
|
|
2
|
+
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;background-color:#f9fafb}body.no-select{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.secure-otp{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes svelte-iwfd87-shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}@keyframes svelte-iwfd87-success-pulse{0%,100%{transform:scale(1);box-shadow:0 0 0 rgba(79, 209, 197, 0)}50%{transform:scale(1.03);box-shadow:0 0 20px rgba(79, 209, 197, 0.5)}}input[type="text"].svelte-iwfd87,input[type="tel"].svelte-iwfd87{transition:border-color 0.2s ease}button.svelte-iwfd87{position:relative;overflow:hidden}button.svelte-iwfd87::after{content:'';position:absolute;top:50%;left:50%;width:5px;height:5px;background:rgba(255, 255, 255, 0.5);opacity:0;border-radius:100%;transform:scale(1, 1) translate(-50%);transform-origin:50% 50%}@keyframes svelte-iwfd87-ripple{0%{transform:scale(0, 0);opacity:0.5}100%{transform:scale(20, 20);opacity:0}}button.svelte-iwfd87:focus:not(:active)::after{animation:svelte-iwfd87-ripple 1s ease-out}`)}function ft(t,e,r){const o=t.slice();return o[33]=e[r],o[35]=r,o}function wt(t){let e,r,o,a,c,w,u,f,d,_,m,b,s;function h(y,g){return y[4]?Ut:Xt}let x=h(t),z=x(t),k=t[6]&&mt(t),C=t[7]&&bt(t);return{c(){e=p("div"),r=p("div"),o=p("div"),a=p("div"),c=p("div"),w=p("h2"),u=L(t[0]),f=O(),d=p("div"),_=O(),z.c(),m=O(),k&&k.c(),b=O(),C&&C.c(),i(w,"class","text-2xl font-bold text-gray-800 mb-2"),i(d,"class","w-16 h-1 bg-gradient-to-r from-blue-500 to-purple-600 mx-auto rounded-full"),i(c,"class","text-center mb-8"),i(a,"class","bg-white p-8 rounded-2xl"),i(o,"class","bg-gradient-to-br from-blue-500 to-purple-600 p-1 rounded-2xl shadow-2xl"),i(r,"class",s="modal-content relative w-full max-w-md transform transition-all duration-300 ease-in-out scale-100 translate-y-0 "+(t[9]?"secure-otp":"")),i(e,"class","fixed inset-0 flex items-center justify-center z-50 backdrop-blur-sm")},m(y,g){P(y,e,g),l(e,r),l(r,o),l(o,a),l(a,c),l(c,w),l(w,u),l(c,f),l(c,d),l(a,_),z.m(a,null),l(a,m),k&&k.m(a,null),l(a,b),C&&C.m(a,null)},p(y,g){g[0]&1&&Z(u,y[0]),x===(x=h(y))&&z?z.p(y,g):(z.d(1),z=x(y),z&&(z.c(),z.m(a,m))),y[6]?k?k.p(y,g):(k=mt(y),k.c(),k.m(a,b)):k&&(k.d(1),k=null),y[7]?C?C.p(y,g):(C=bt(y),C.c(),C.m(a,null)):C&&(C.d(1),C=null),g[0]&512&&s!==(s="modal-content relative w-full max-w-md transform transition-all duration-300 ease-in-out scale-100 translate-y-0 "+(y[9]?"secure-otp":""))&&i(r,"class",s)},d(y){y&&S(e),z.d(),k&&k.d(),C&&C.d()}}}function Ut(t){let e,r,o,a,c,w,u,f,d,_,m,b,s,h,x,z,k,C,y=ut(t[3]),g=[];for(let v=0;v<y.length;v+=1)g[v]=pt(ft(t,y,v));function J(v,I){return v[5]?Ft:Vt}let Y=J(t),K=Y(t);return{c(){e=p("div"),r=p("label"),r.textContent="Masukkan Kode OTP",o=O(),a=p("p"),c=L("Kode OTP telah dikirim ke nomor "),w=L(t[2]),u=O(),f=p("div");for(let v=0;v<g.length;v+=1)g[v].c();d=O(),_=p("div"),m=p("button"),m.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M9.707 14.707a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414l4-4a1 1 0 011.414 1.414L7.414 9H15a1 1 0 110 2H7.414l2.293 2.293a1 1 0 010 1.414z" clip-rule="evenodd"></path></svg>
|
|
3
|
+
Ubah Nomor HP`,b=O(),s=p("button"),s.innerHTML=`<svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4 mr-1" viewBox="0 0 20 20" fill="currentColor"><path fill-rule="evenodd" d="M4 2a1 1 0 011 1v2.101a7.002 7.002 0 0111.601 2.566 1 1 0 11-1.885.666A5.002 5.002 0 005.999 7H9a1 1 0 010 2H4a1 1 0 01-1-1V3a1 1 0 011-1zm.008 9.057a1 1 0 011.276.61A5.002 5.002 0 0014.001 13H11a1 1 0 110-2h5a1 1 0 011 1v5a1 1 0 11-2 0v-2.101a7.002 7.002 0 01-11.601-2.566 1 1 0 01.61-1.276z" clip-rule="evenodd"></path></svg>
|
|
4
|
+
Kirim Ulang Kode`,h=O(),x=p("button"),K.c(),i(r,"class","block text-sm font-medium text-gray-700 mb-2"),i(a,"class","text-xs text-gray-500 mb-4"),i(f,"class","flex justify-between mb-6"),i(m,"class","text-blue-600 hover:text-blue-800 hover:underline transition-colors flex items-center svelte-iwfd87"),i(m,"aria-label","Ubah Nomor HP"),i(s,"class","text-blue-600 hover:text-blue-800 hover:underline transition-colors flex items-center svelte-iwfd87"),i(s,"aria-label","Kirim Ulang Kode"),i(_,"class","flex justify-between text-sm"),i(e,"class","mb-6"),i(e,"id","otp-container"),x.disabled=z=t[5]||t[3].some(ht),i(x,"class","w-full bg-gradient-to-r from-blue-500 to-purple-600 text-white p-4 rounded-xl hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-300 focus:ring-offset-2 transition-all duration-200 transform hover:-translate-y-1 disabled:opacity-70 disabled:transform-none svelte-iwfd87")},m(v,I){P(v,e,I),l(e,r),l(e,o),l(e,a),l(a,c),l(a,w),l(e,u),l(e,f);for(let E=0;E<g.length;E+=1)g[E]&&g[E].m(f,null);l(e,d),l(e,_),l(_,m),l(_,b),l(_,s),P(v,h,I),P(v,x,I),K.m(x,null),k||(C=[N(m,"click",t[24]),N(s,"click",t[25]),N(x,"click",t[14])],k=!0)},p(v,I){if(I[0]&4&&Z(w,v[2]),I[0]&47368){y=ut(v[3]);let E;for(E=0;E<y.length;E+=1){const G=ft(v,y,E);g[E]?g[E].p(G,I):(g[E]=pt(G),g[E].c(),g[E].m(f,null))}for(;E<g.length;E+=1)g[E].d(1);g.length=y.length}Y!==(Y=J(v))&&(K.d(1),K=Y(v),K&&(K.c(),K.m(x,null))),I[0]&40&&z!==(z=v[5]||v[3].some(ht))&&(x.disabled=z)},d(v){v&&(S(e),S(h),S(x)),Ct(g,v),K.d(),k=!1,B(C)}}}function Xt(t){let e,r,o,a,c,w,u,f,d;function _(s,h){return s[5]?qt:Wt}let m=_(t),b=m(t);return{c(){e=p("div"),r=p("label"),r.textContent="Nomor HP",o=O(),a=p("div"),c=p("input"),w=O(),u=p("button"),b.c(),i(r,"for","phone"),i(r,"class","block text-sm font-medium text-gray-700 mb-2"),i(c,"type","tel"),i(c,"id","phone"),i(c,"placeholder","Masukkan nomor HP Anda"),i(c,"class","w-full p-4 border-2 border-gray-200 rounded-xl focus:outline-none focus:border-blue-500 transition-all duration-200 svelte-iwfd87"),st(c,"color","#111827",1),i(a,"class","relative"),i(e,"class","mb-6"),i(e,"id","phone-container"),u.disabled=t[5],i(u,"class","w-full bg-gradient-to-r from-blue-500 to-purple-600 text-white p-4 rounded-xl hover:shadow-lg focus:outline-none focus:ring-2 focus:ring-blue-300 focus:ring-offset-2 transition-all duration-200 transform hover:-translate-y-1 disabled:opacity-70 disabled:transform-none svelte-iwfd87")},m(s,h){P(s,e,h),l(e,r),l(e,o),l(e,a),l(a,c),it(c,t[2]),P(s,w,h),P(s,u,h),b.m(u,null),f||(d=[N(c,"input",t[20]),N(u,"click",t[10])],f=!0)},p(s,h){h[0]&4&&it(c,s[2]),m!==(m=_(s))&&(b.d(1),b=m(s),b&&(b.c(),b.m(u,null))),h[0]&32&&(u.disabled=s[5])},d(s){s&&(S(e),S(w),S(u)),b.d(),f=!1,B(d)}}}function pt(t){let e,r,o,a,c,w,u,f,d;function _(...s){return t[21](t[35],...s)}function m(...s){return t[22](t[35],...s)}function b(){return t[23](t[35])}return{c(){e=p("div"),r=p("input"),a=O(),c=p("div"),u=O(),i(r,"type","text"),i(r,"id","otp-"+t[35]),i(r,"maxlength","1"),i(r,"inputmode","numeric"),r.value=o=t[33],i(r,"class","w-12 h-14 text-center text-xl font-bold border-2 border-gray-200 rounded-lg focus:outline-none focus:border-blue-500 transition-all duration-200 svelte-iwfd87"),st(r,"color","#111827",1),i(c,"class",w="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-8 h-1 rounded-full transition-all duration-200 "+(t[8]===t[35]?"bg-blue-500":"bg-transparent")),i(e,"class","relative")},m(s,h){P(s,e,h),l(e,r),l(e,a),l(e,c),l(e,u),f||(d=[N(r,"input",_),N(r,"keydown",m),N(r,"paste",t[15]),N(r,"focus",b)],f=!0)},p(s,h){t=s,h[0]&8&&o!==(o=t[33])&&r.value!==o&&(r.value=o),h[0]&256&&w!==(w="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-8 h-1 rounded-full transition-all duration-200 "+(t[8]===t[35]?"bg-blue-500":"bg-transparent"))&&i(c,"class",w)},d(s){s&&S(e),f=!1,B(d)}}}function Vt(t){let e;return{c(){e=L("Verifikasi")},m(r,o){P(r,e,o)},d(r){r&&S(e)}}}function Ft(t){let e;return{c(){e=p("div"),e.innerHTML=`<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
|
|
5
|
+
Memverifikasi...`,i(e,"class","flex items-center justify-center")},m(r,o){P(r,e,o)},d(r){r&&S(e)}}}function Wt(t){let e;return{c(){e=L("Kirim Kode OTP")},m(r,o){P(r,e,o)},d(r){r&&S(e)}}}function qt(t){let e;return{c(){e=p("div"),e.innerHTML=`<svg class="animate-spin -ml-1 mr-3 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>
|
|
6
|
+
Mengirim...`,i(e,"class","flex items-center justify-center")},m(r,o){P(r,e,o)},d(r){r&&S(e)}}}function mt(t){let e,r,o,a,c,w;return{c(){e=p("div"),r=Q("svg"),o=Q("path"),a=O(),c=p("span"),w=L(t[6]),i(o,"fill-rule","evenodd"),i(o,"d","M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7 4a1 1 0 11-2 0 1 1 0 012 0zm-1-9a1 1 0 00-1 1v4a1 1 0 102 0V6a1 1 0 00-1-1z"),i(o,"clip-rule","evenodd"),i(r,"xmlns","http://www.w3.org/2000/svg"),i(r,"class","h-5 w-5 mr-2 flex-shrink-0"),i(r,"viewBox","0 0 20 20"),i(r,"fill","currentColor"),i(e,"class","mt-4 p-3 bg-red-50 border-l-4 border-red-500 text-red-700 rounded-md flex items-start")},m(u,f){P(u,e,f),l(e,r),l(r,o),l(e,a),l(e,c),l(c,w)},p(u,f){f[0]&64&&Z(w,u[6])},d(u){u&&S(e)}}}function bt(t){let e,r,o,a,c,w;return{c(){e=p("div"),r=Q("svg"),o=Q("path"),a=O(),c=p("span"),w=L(t[7]),i(o,"fill-rule","evenodd"),i(o,"d","M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z"),i(o,"clip-rule","evenodd"),i(r,"xmlns","http://www.w3.org/2000/svg"),i(r,"class","h-5 w-5 mr-2 flex-shrink-0"),i(r,"viewBox","0 0 20 20"),i(r,"fill","currentColor"),i(e,"class","mt-4 p-3 bg-green-50 border-l-4 border-green-500 text-green-700 rounded-md flex items-start")},m(u,f){P(u,e,f),l(e,r),l(r,o),l(e,a),l(e,c),l(c,w)},p(u,f){f[0]&128&&Z(w,u[7])},d(u){u&&S(e)}}}function Jt(t){let e,r=t[1]&&wt(t);return{c(){r&&r.c(),e=Et()},m(o,a){r&&r.m(o,a),P(o,e,a)},p(o,a){o[1]?r?r.p(o,a):(r=wt(o),r.c(),r.m(e.parentNode,e)):r&&(r.d(1),r=null)},i:M,o:M,d(o){o&&S(e),r&&r.d(o)}}}function $(t){const e=document.getElementById(t);e&&(e.classList.add("shake"),setTimeout(()=>{e.classList.remove("shake")},500))}const ht=t=>t==="";function Gt(t,e,r){let{title:o="Verifikasi OTP"}=e,{vp_url:a=""}=e,{votp_url:c=""}=e,{notRegisteredMessage:w="Nomor HP tidak ditemukan"}=e,{rememberHours:u=0}=e,f="",d=["","","","",""],_=d.length,m=!1,b=!1,s="",h="",x=!0,z=0,k=!1;const C="otp_verified_"+location.hostname,y="otp_expiry_"+location.hostname;if(u>0){const n=localStorage.getItem(C),j=parseInt(localStorage.getItem(y)||"0");n==="true"&&Date.now()<j&&(x=!1)}function g(){k&&(document.removeEventListener("contextmenu",Y),document.removeEventListener("keydown",K),document.body.classList.remove("no-select"),r(9,k=!1))}function J(){k||(document.addEventListener("contextmenu",Y),document.addEventListener("keydown",K),document.body.classList.add("no-select"),r(9,k=!0))}function Y(n){if(x)return n.preventDefault(),!1}function K(n){if(x&&(n.ctrlKey&&n.keyCode===65||n.ctrlKey&&n.keyCode===67||n.ctrlKey&&n.shiftKey&&n.keyCode===73||n.keyCode===123||n.ctrlKey&&n.shiftKey&&n.keyCode===67||n.ctrlKey&&n.keyCode===85))return n.preventDefault(),!1}Pt(()=>(x&&J(),()=>{g()}));async function v(){if(!f){r(6,s="Silakan masukkan nomor HP"),$("phone-container");return}r(6,s=""),r(5,b=!0),(await(await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone:f})})).json()).exists?(r(5,b=!1),r(4,m=!0),r(7,h=`Kode OTP telah dikirim ke ${f}`),setTimeout(()=>{var H;(H=document.getElementById("otp-0"))==null||H.focus()},300)):(r(5,b=!1),r(6,s=w),$("phone-container"))}function I(n,j){var A;const H=j.target.value;if(!/^\d*$/.test(H)){j.target.value=d[n];return}r(3,d[n]=H.slice(-1),d),H&&n<5&&((A=document.getElementById(`otp-${n+1}`))==null||A.focus(),r(8,z=n+1)),d.every(F=>F!=="")&&n===5&&ot()}function E(n,j){var H;j.key==="Backspace"&&!d[n]&&n>0&&((H=document.getElementById(`otp-${n-1}`))==null||H.focus(),r(8,z=n-1))}function G(n){r(8,z=n)}async function ot(){const n=d.join("");if(n.length!==d.length){r(6,s="Silakan masukkan kode OTP "+d.length+" digit"),$("otp-container");return}if(r(6,s=""),r(5,b=!0),(await(await fetch(c,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone:f,otp:n})})).json()).status=="success"){r(5,b=!1),r(7,h="Verifikasi berhasil!");const A=document.querySelector(".modal-content");if(A&&A.classList.add("success-animation"),g(),r(1,x=!1),u>0){const F=u*60*60*1e3;localStorage.setItem(C,"true"),localStorage.setItem(y,(Date.now()+F).toString())}}else r(5,b=!1),r(6,s="Kode OTP tidak valid"),$("otp-container")}function ee(n){var F;n.preventDefault();const j=n.clipboardData.getData("text");if(!/^\d+$/.test(j))return;const H=j.slice(0,_).split("");H.forEach((le,vt)=>{vt<_&&r(3,d[vt]=le,d)});const A=Math.min(H.length,5);(F=document.getElementById(`otp-${A}`))==null||F.focus(),r(8,z=A),H.length===_&&ot()}function re(){f=this.value,r(2,f)}const oe=(n,j)=>I(n,j),ne=(n,j)=>E(n,j),ae=n=>G(n),ie=()=>{r(4,m=!1),r(7,h="")},se=()=>{r(7,h=""),v()};return t.$$set=n=>{"title"in n&&r(0,o=n.title),"vp_url"in n&&r(16,a=n.vp_url),"votp_url"in n&&r(17,c=n.votp_url),"notRegisteredMessage"in n&&r(18,w=n.notRegisteredMessage),"rememberHours"in n&&r(19,u=n.rememberHours)},t.$$.update=()=>{t.$$.dirty[0]&2&&(x?J():g())},[o,x,f,d,m,b,s,h,z,k,v,I,E,G,ot,ee,a,c,w,u,re,oe,ne,ae,ie,se]}class Qt extends Bt{constructor(e){super(),At(this,e,Gt,Jt,yt,{title:0,vp_url:16,votp_url:17,notRegisteredMessage:18,rememberHours:19},Rt,[-1,-1])}}const Zt=`*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.-bottom-2{bottom:-.5rem}.left-1\\/2{left:50%}.z-50{z-index:50}.mx-auto{margin-left:auto;margin-right:auto}.-ml-1{margin-left:-.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.hidden{display:none}.h-1{height:.25rem}.h-14{height:3.5rem}.h-4{height:1rem}.h-5{height:1.25rem}.w-12{width:3rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-8{width:2rem}.w-full{width:100%}.max-w-md{max-width:28rem}.flex-shrink-0{flex-shrink:0}.-translate-x-1\\/2{--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x: 1;--tw-scale-y: 1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-xl{border-radius:.75rem}.border-2{border-width:2px}.border-l-4{border-left-width:4px}.border-gray-200{--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity, 1))}.border-green-500{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1))}.border-red-500{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-green-50{--tw-bg-opacity: 1;background-color:rgb(240 253 244 / var(--tw-bg-opacity, 1))}.bg-red-50{--tw-bg-opacity: 1;background-color:rgb(254 242 242 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-blue-500{--tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);--tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to: #9333ea var(--tw-gradient-to-position)}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-8{padding:2rem}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-blue-600{--tw-text-opacity: 1;color:rgb(37 99 235 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-800{--tw-text-opacity: 1;color:rgb(31 41 55 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-700{--tw-text-opacity: 1;color:rgb(185 28 28 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-75{opacity:.75}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-2xl{--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.backdrop-blur-sm{--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}.success-animation{animation:success-pulse 1.5s ease-in-out}.hover\\:-translate-y-1:hover{--tw-translate-y: -.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.hover\\:text-blue-800:hover{--tw-text-opacity: 1;color:rgb(30 64 175 / var(--tw-text-opacity, 1))}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\\:border-blue-500:focus{--tw-border-opacity: 1;border-color:rgb(59 130 246 / var(--tw-border-opacity, 1))}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\\:ring-2:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\\:ring-blue-300:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(147 197 253 / var(--tw-ring-opacity, 1))}.focus\\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\\:transform-none:disabled{transform:none}.disabled\\:opacity-70:disabled{opacity:.7}
|
|
7
|
+
`,$t=location.hostname==="localhost"||location.hostname==="127.0.0.1"?"http://localhost:6544":"https://api.dripsender.id",V=document.currentScript,gt=(V==null?void 0:V.getAttribute("data-id"))||(V==null?void 0:V.getAttribute("data-key"));function te(){if(!gt){console.error("[OTP Widget] Missing data-id attribute");return}fetch(`${$t}/api/otp/config/${gt}`).then(t=>t.json()).then(t=>{if(t.error){console.error("[OTP Widget] Config error:",t.error);return}const e=document.createElement("div");e.id="otp-widget-container",document.body.appendChild(e);const r=e.attachShadow({mode:"closed"}),o=document.createElement("style");o.textContent=Zt,r.appendChild(o);const a=document.createElement("div");r.appendChild(a),new Qt({target:a,props:{vp_url:t.r,votp_url:t.v,title:t.t,rememberHours:t.m||0}})}).catch(t=>{console.error("[OTP Widget] Failed to load config:",t)})}return te(),{}});
|