dripsender-otp-widget 1.0.6 → 1.1.6
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 +6 -6
- package/package.json +1 -1
package/dist/assets/main.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
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
|
-
(function(
|
|
3
|
-
Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;background-color:#f9fafb}@keyframes svelte-
|
|
4
|
-
Ubah Nomor HP`,g=
|
|
5
|
-
Kirim Ulang Kode`,b=
|
|
6
|
-
Memverifikasi...`,s(t,"class","flex items-center justify-center")},m(n,l){
|
|
7
|
-
Mengirim...`,s(t,"class","flex items-center justify-center")},m(n,l){
|
|
2
|
+
(function(K,E){typeof exports=="object"&&typeof module<"u"?module.exports=E():typeof define=="function"&&define.amd?define(E):(K=typeof globalThis<"u"?globalThis:K||self,K.DripsenderOTP=E())})(this,function(){"use strict";var nt=Object.defineProperty;var lt=(K,E,D)=>E in K?nt(K,E,{enumerable:!0,configurable:!0,writable:!0,value:D}):K[E]=D;var ne=(K,E,D)=>(lt(K,typeof E!="symbol"?E+"":E,D),D);const K="";function E(){}function D(e){return e()}function le(){return Object.create(null)}function A(e){e.forEach(D)}function oe(e){return typeof e=="function"}function ve(e,t){return e!=e?t==t:e!==t||e&&typeof e=="object"||typeof e=="function"}function _e(e){return Object.keys(e).length===0}function u(e,t){e.appendChild(t)}function we(e,t,n){const l=ye(e);if(!l.getElementById(t)){const r=h("style");r.id=t,r.textContent=n,ke(l,r)}}function ye(e){if(!e)return document;const t=e.getRootNode?e.getRootNode():e.ownerDocument;return t&&t.host?t:e.ownerDocument}function ke(e,t){return u(e.head||e,t),t.sheet}function S(e,t,n){e.insertBefore(t,n||null)}function P(e){e.parentNode&&e.parentNode.removeChild(e)}function xe(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function h(e){return document.createElement(e)}function J(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function z(e){return document.createTextNode(e)}function T(){return z(" ")}function Me(){return z("")}function B(e,t,n,l){return e.addEventListener(t,n,l),()=>e.removeEventListener(t,n,l)}function s(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function Oe(e){return Array.from(e.childNodes)}function G(e,t){t=""+t,e.data!==t&&(e.data=t)}function re(e,t){e.value=t??""}let W;function X(e){W=e}function Ce(){if(!W)throw new Error("Function called outside component initialization");return W}function Ee(e){Ce().$$.on_mount.push(e)}const V=[],se=[];let U=[];const ie=[],Pe=Promise.resolve();let $=!1;function Se(){$||($=!0,Pe.then(ue))}function ee(e){U.push(e)}const te=new Set;let F=0;function ue(){if(F!==0)return;const e=W;do{try{for(;F<V.length;){const t=V[F];F++,X(t),Te(t.$$)}}catch(t){throw V.length=0,F=0,t}for(X(null),V.length=0,F=0;se.length;)se.pop()();for(let t=0;t<U.length;t+=1){const n=U[t];te.has(n)||(te.add(n),n())}U.length=0}while(V.length);for(;ie.length;)ie.pop()();$=!1,te.clear(),X(e)}function Te(e){if(e.fragment!==null){e.update(),A(e.before_update);const t=e.dirty;e.dirty=[-1],e.fragment&&e.fragment.p(e.ctx,t),e.after_update.forEach(ee)}}function Le(e){const t=[],n=[];U.forEach(l=>e.indexOf(l)===-1?t.push(l):n.push(l)),n.forEach(l=>l()),U=t}const Ne=new Set;function Ie(e,t){e&&e.i&&(Ne.delete(e),e.i(t))}function ae(e){return(e==null?void 0:e.length)!==void 0?e:Array.from(e)}function He(e,t,n){const{fragment:l,after_update:r}=e.$$;l&&l.m(t,n),ee(()=>{const a=e.$$.on_mount.map(D).filter(oe);e.$$.on_destroy?e.$$.on_destroy.push(...a):A(a),e.$$.on_mount=[]}),r.forEach(ee)}function Ke(e,t){const n=e.$$;n.fragment!==null&&(Le(n.after_update),A(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function ze(e,t){e.$$.dirty[0]===-1&&(V.push(e),Se(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Be(e,t,n,l,r,a,p=null,c=[-1]){const f=W;X(e);const m=e.$$={fragment:null,ctx:[],props:a,update:E,not_equal:r,bound:le(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(f?f.$$.context:[])),callbacks:le(),dirty:c,skip_bound:!1,root:t.target||f.$$.root};p&&p(m.root);let k=!1;if(m.ctx=n?n(e,t.props||{},(d,g,...i)=>{const b=i.length?i[0]:g;return m.ctx&&r(m.ctx[d],m.ctx[d]=b)&&(!m.skip_bound&&m.bound[d]&&m.bound[d](b),k&&ze(e,d)),g}):[],m.update(),k=!0,A(m.before_update),m.fragment=l?l(m.ctx):!1,t.target){if(t.hydrate){const d=Oe(t.target);m.fragment&&m.fragment.l(d),d.forEach(P)}else m.fragment&&m.fragment.c();t.intro&&Ie(e.$$.fragment),He(e,t.target,t.anchor),ue()}X(f)}class De{constructor(){ne(this,"$$");ne(this,"$$set")}$destroy(){Ke(this,1),this.$destroy=E}$on(t,n){if(!oe(n))return E;const l=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return l.push(n),()=>{const r=l.indexOf(n);r!==-1&&l.splice(r,1)}}$set(t){this.$$set&&!_e(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const je="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(je);function Ae(e){we(e,"svelte-iwfd87",`body{margin:0;font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
|
|
3
|
+
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 ce(e,t,n){const l=e.slice();return l[30]=t[n],l[32]=n,l}function fe(e){let t,n,l,r,a,p,c,f,m,k,d,g,i;function b(_,w){return _[4]?Re:Ve}let M=b(e),x=M(e),y=e[6]&&me(e),O=e[7]&&pe(e);return{c(){t=h("div"),n=h("div"),l=h("div"),r=h("div"),a=h("div"),p=h("h2"),c=z(e[0]),f=T(),m=h("div"),k=T(),x.c(),d=T(),y&&y.c(),g=T(),O&&O.c(),s(p,"class","text-2xl font-bold text-gray-800 mb-2"),s(m,"class","w-16 h-1 bg-gradient-to-r from-blue-500 to-purple-600 mx-auto rounded-full"),s(a,"class","text-center mb-8"),s(r,"class","bg-white p-8 rounded-2xl"),s(l,"class","bg-gradient-to-br from-blue-500 to-purple-600 p-1 rounded-2xl shadow-2xl"),s(n,"class",i="modal-content relative w-full max-w-md transform transition-all duration-300 ease-in-out scale-100 translate-y-0 "+(e[9]?"secure-otp":"")),s(t,"class","fixed inset-0 flex items-center justify-center z-50 backdrop-blur-sm")},m(_,w){S(_,t,w),u(t,n),u(n,l),u(l,r),u(r,a),u(a,p),u(p,c),u(a,f),u(a,m),u(r,k),x.m(r,null),u(r,d),y&&y.m(r,null),u(r,g),O&&O.m(r,null)},p(_,w){w[0]&1&&G(c,_[0]),M===(M=b(_))&&x?x.p(_,w):(x.d(1),x=M(_),x&&(x.c(),x.m(r,d))),_[6]?y?y.p(_,w):(y=me(_),y.c(),y.m(r,g)):y&&(y.d(1),y=null),_[7]?O?O.p(_,w):(O=pe(_),O.c(),O.m(r,null)):O&&(O.d(1),O=null),w[0]&512&&i!==(i="modal-content relative w-full max-w-md transform transition-all duration-300 ease-in-out scale-100 translate-y-0 "+(_[9]?"secure-otp":""))&&s(n,"class",i)},d(_){_&&P(t),x.d(),y&&y.d(),O&&O.d()}}}function Re(e){let t,n,l,r,a,p,c,f,m,k,d,g,i,b,M,x,y,O,_=ae(e[3]),w=[];for(let v=0;v<_.length;v+=1)w[v]=de(ce(e,_,v));function q(v,N){return v[5]?Fe:Ue}let R=q(e),H=R(e);return{c(){t=h("div"),n=h("label"),n.textContent="Masukkan Kode OTP",l=T(),r=h("p"),a=z("Kode OTP telah dikirim ke nomor "),p=z(e[2]),c=T(),f=h("div");for(let v=0;v<w.length;v+=1)w[v].c();m=T(),k=h("div"),d=h("button"),d.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>
|
|
4
|
+
Ubah Nomor HP`,g=T(),i=h("button"),i.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>
|
|
5
|
+
Kirim Ulang Kode`,b=T(),M=h("button"),H.c(),s(n,"class","block text-sm font-medium text-gray-700 mb-2"),s(r,"class","text-xs text-gray-500 mb-4"),s(f,"class","flex justify-between mb-6"),s(d,"class","text-blue-600 hover:text-blue-800 hover:underline transition-colors flex items-center svelte-iwfd87"),s(d,"aria-label","Ubah Nomor HP"),s(i,"class","text-blue-600 hover:text-blue-800 hover:underline transition-colors flex items-center svelte-iwfd87"),s(i,"aria-label","Kirim Ulang Kode"),s(k,"class","flex justify-between text-sm"),s(t,"class","mb-6"),s(t,"id","otp-container"),M.disabled=x=e[5]||e[3].some(he),s(M,"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,N){S(v,t,N),u(t,n),u(t,l),u(t,r),u(r,a),u(r,p),u(t,c),u(t,f);for(let C=0;C<w.length;C+=1)w[C]&&w[C].m(f,null);u(t,m),u(t,k),u(k,d),u(k,g),u(k,i),S(v,b,N),S(v,M,N),H.m(M,null),y||(O=[B(d,"click",e[23]),B(i,"click",e[24]),B(M,"click",e[14])],y=!0)},p(v,N){if(N[0]&4&&G(p,v[2]),N[0]&47368){_=ae(v[3]);let C;for(C=0;C<_.length;C+=1){const Y=ce(v,_,C);w[C]?w[C].p(Y,N):(w[C]=de(Y),w[C].c(),w[C].m(f,null))}for(;C<w.length;C+=1)w[C].d(1);w.length=_.length}R!==(R=q(v))&&(H.d(1),H=R(v),H&&(H.c(),H.m(M,null))),N[0]&40&&x!==(x=v[5]||v[3].some(he))&&(M.disabled=x)},d(v){v&&(P(t),P(b),P(M)),xe(w,v),H.d(),y=!1,A(O)}}}function Ve(e){let t,n,l,r,a,p,c,f,m;function k(i,b){return i[5]?Xe:We}let d=k(e),g=d(e);return{c(){t=h("div"),n=h("label"),n.textContent="Nomor HP",l=T(),r=h("div"),a=h("input"),p=T(),c=h("button"),g.c(),s(n,"for","phone"),s(n,"class","block text-sm font-medium text-gray-700 mb-2"),s(a,"type","tel"),s(a,"id","phone"),s(a,"placeholder","Masukkan nomor HP Anda"),s(a,"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"),s(r,"class","relative"),s(t,"class","mb-6"),s(t,"id","phone-container"),c.disabled=e[5],s(c,"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(i,b){S(i,t,b),u(t,n),u(t,l),u(t,r),u(r,a),re(a,e[2]),S(i,p,b),S(i,c,b),g.m(c,null),f||(m=[B(a,"input",e[19]),B(c,"click",e[10])],f=!0)},p(i,b){b[0]&4&&re(a,i[2]),d!==(d=k(i))&&(g.d(1),g=d(i),g&&(g.c(),g.m(c,null))),b[0]&32&&(c.disabled=i[5])},d(i){i&&(P(t),P(p),P(c)),g.d(),f=!1,A(m)}}}function de(e){let t,n,l,r,a,p,c,f,m;function k(...i){return e[20](e[32],...i)}function d(...i){return e[21](e[32],...i)}function g(){return e[22](e[32])}return{c(){t=h("div"),n=h("input"),r=T(),a=h("div"),c=T(),s(n,"type","text"),s(n,"id","otp-"+e[32]),s(n,"maxlength","1"),s(n,"inputmode","numeric"),n.value=l=e[30],s(n,"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"),s(a,"class",p="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-8 h-1 rounded-full transition-all duration-200 "+(e[8]===e[32]?"bg-blue-500":"bg-transparent")),s(t,"class","relative")},m(i,b){S(i,t,b),u(t,n),u(t,r),u(t,a),u(t,c),f||(m=[B(n,"input",k),B(n,"keydown",d),B(n,"paste",e[15]),B(n,"focus",g)],f=!0)},p(i,b){e=i,b[0]&8&&l!==(l=e[30])&&n.value!==l&&(n.value=l),b[0]&256&&p!==(p="absolute -bottom-2 left-1/2 transform -translate-x-1/2 w-8 h-1 rounded-full transition-all duration-200 "+(e[8]===e[32]?"bg-blue-500":"bg-transparent"))&&s(a,"class",p)},d(i){i&&P(t),f=!1,A(m)}}}function Ue(e){let t;return{c(){t=z("Verifikasi")},m(n,l){S(n,t,l)},d(n){n&&P(t)}}}function Fe(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>
|
|
6
|
+
Memverifikasi...`,s(t,"class","flex items-center justify-center")},m(n,l){S(n,t,l)},d(n){n&&P(t)}}}function We(e){let t;return{c(){t=z("Kirim Kode OTP")},m(n,l){S(n,t,l)},d(n){n&&P(t)}}}function Xe(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
|
+
Mengirim...`,s(t,"class","flex items-center justify-center")},m(n,l){S(n,t,l)},d(n){n&&P(t)}}}function me(e){let t,n,l,r,a,p;return{c(){t=h("div"),n=J("svg"),l=J("path"),r=T(),a=h("span"),p=z(e[6]),s(l,"fill-rule","evenodd"),s(l,"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"),s(l,"clip-rule","evenodd"),s(n,"xmlns","http://www.w3.org/2000/svg"),s(n,"class","h-5 w-5 mr-2 flex-shrink-0"),s(n,"viewBox","0 0 20 20"),s(n,"fill","currentColor"),s(t,"class","mt-4 p-3 bg-red-50 border-l-4 border-red-500 text-red-700 rounded-md flex items-start")},m(c,f){S(c,t,f),u(t,n),u(n,l),u(t,r),u(t,a),u(a,p)},p(c,f){f[0]&64&&G(p,c[6])},d(c){c&&P(t)}}}function pe(e){let t,n,l,r,a,p;return{c(){t=h("div"),n=J("svg"),l=J("path"),r=T(),a=h("span"),p=z(e[7]),s(l,"fill-rule","evenodd"),s(l,"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"),s(l,"clip-rule","evenodd"),s(n,"xmlns","http://www.w3.org/2000/svg"),s(n,"class","h-5 w-5 mr-2 flex-shrink-0"),s(n,"viewBox","0 0 20 20"),s(n,"fill","currentColor"),s(t,"class","mt-4 p-3 bg-green-50 border-l-4 border-green-500 text-green-700 rounded-md flex items-start")},m(c,f){S(c,t,f),u(t,n),u(n,l),u(t,r),u(t,a),u(a,p)},p(c,f){f[0]&128&&G(p,c[7])},d(c){c&&P(t)}}}function qe(e){let t,n=e[1]&&fe(e);return{c(){n&&n.c(),t=Me()},m(l,r){n&&n.m(l,r),S(l,t,r)},p(l,r){l[1]?n?n.p(l,r):(n=fe(l),n.c(),n.m(t.parentNode,t)):n&&(n.d(1),n=null)},i:E,o:E,d(l){l&&P(t),n&&n.d(l)}}}function Q(e){const t=document.getElementById(e);t&&(t.classList.add("shake"),setTimeout(()=>{t.classList.remove("shake")},500))}const he=e=>e==="";function Je(e,t,n){let{title:l="Verifikasi OTP"}=t,{vp_url:r=""}=t,{votp_url:a=""}=t,{notRegisteredMessage:p="Nomor HP tidak ditemukan"}=t,c="",f=["","","","",""],m=f.length,k=!1,d=!1,g="",i="",b=!0,M=0,x=!1;localStorage.getItem("savedOtp")&&localStorage.getItem("savedPhoneNumber")&&(b=!1);function y(){x&&(document.removeEventListener("contextmenu",_),document.removeEventListener("keydown",w),document.body.classList.remove("no-select"),n(9,x=!1))}function O(){x||(document.addEventListener("contextmenu",_),document.addEventListener("keydown",w),document.body.classList.add("no-select"),n(9,x=!0))}function _(o){if(b)return o.preventDefault(),!1}function w(o){if(b&&(o.ctrlKey&&o.keyCode===65||o.ctrlKey&&o.keyCode===67||o.ctrlKey&&o.shiftKey&&o.keyCode===73||o.keyCode===123||o.ctrlKey&&o.shiftKey&&o.keyCode===67||o.ctrlKey&&o.keyCode===85))return o.preventDefault(),!1}Ee(()=>(b&&O(),()=>{y()}));async function q(){if(!c){n(6,g="Silakan masukkan nomor HP"),Q("phone-container");return}n(6,g=""),n(5,d=!0),(await(await fetch(r,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone:c})})).json()).exists?(n(5,d=!1),n(4,k=!0),n(7,i=`Kode OTP telah dikirim ke ${c}`),setTimeout(()=>{var L;(L=document.getElementById("otp-0"))==null||L.focus()},300)):(n(5,d=!1),n(6,g=p),Q("phone-container"))}function R(o,I){var j;const L=I.target.value;if(!/^\d*$/.test(L)){I.target.value=f[o];return}n(3,f[o]=L.slice(-1),f),L&&o<5&&((j=document.getElementById(`otp-${o+1}`))==null||j.focus(),n(8,M=o+1)),f.every(Z=>Z!=="")&&o===5&&N()}function H(o,I){var L;I.key==="Backspace"&&!f[o]&&o>0&&((L=document.getElementById(`otp-${o-1}`))==null||L.focus(),n(8,M=o-1))}function v(o){n(8,M=o)}async function N(){const o=f.join("");if(o.length!==f.length){n(6,g="Silakan masukkan kode OTP "+f.length+" digit"),Q("otp-container");return}if(n(6,g=""),n(5,d=!0),(await(await fetch(a,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({phone:c,otp:o})})).json()).status=="success"){n(5,d=!1),n(7,i="Verifikasi berhasil!");const j=document.querySelector(".modal-content");j&&j.classList.add("success-animation"),y(),n(1,b=!1),localStorage.setItem("savedOtp",o),localStorage.setItem("savedPhoneNumber",c)}else n(5,d=!1),n(6,g="Kode OTP tidak valid"),Q("otp-container")}function C(o){var Z;o.preventDefault();const I=o.clipboardData.getData("text");if(!/^\d+$/.test(I))return;const L=I.slice(0,m).split("");L.forEach((tt,ge)=>{ge<m&&n(3,f[ge]=tt,f)});const j=Math.min(L.length,5);(Z=document.getElementById(`otp-${j}`))==null||Z.focus(),n(8,M=j),L.length===m&&N()}function Y(){c=this.value,n(2,c)}const Qe=(o,I)=>R(o,I),Ye=(o,I)=>H(o,I),Ze=o=>v(o),$e=()=>{n(4,k=!1),n(7,i="")},et=()=>{n(7,i=""),q()};return e.$$set=o=>{"title"in o&&n(0,l=o.title),"vp_url"in o&&n(16,r=o.vp_url),"votp_url"in o&&n(17,a=o.votp_url),"notRegisteredMessage"in o&&n(18,p=o.notRegisteredMessage)},e.$$.update=()=>{e.$$.dirty[0]&2&&(b?O():y())},[l,b,c,f,k,d,g,i,M,x,q,R,H,v,N,C,r,a,p,Y,Qe,Ye,Ze,$e,et]}class Ge extends De{constructor(t){super(),Be(this,t,Je,qe,ve,{title:0,vp_url:16,votp_url:17,notRegisteredMessage:18},Ae,[-1,-1])}}function be(){const e=document.getElementById("otp-widget");if(!e){console.error('OTP Widget element not found. Make sure to add an element with id="otp-widget"');return}const t=e.getAttribute("reqotp"),n=e.getAttribute("verifyotp"),l=e.getAttribute("title")||"Verifikasi OTP",r=e.getAttribute("not-registered-message")||"Nomor HP tidak ditemukan";return console.log("Initializing OTP Widget",t,n),new Ge({target:e,props:{vp_url:t,votp_url:n,title:l,notRegisteredMessage:r}})}return document.readyState==="loading"?document.addEventListener("DOMContentLoaded",be):be(),{}});
|