zz-shopify-components 0.3.1-beta.12 → 0.3.1-beta.13

package/assets/zz-edu-info-dialog.js

@@ -1,4 +1,5 @@
-class ZZEduInfoDialog extends HTMLElement {
+if (!customElements.get('zz-edu-info-dialog')) {
+  class ZZEduInfoDialog extends HTMLElement {
     constructor() {
       super();
       this.init();
@@ -115,8 +116,8 @@ class ZZEduInfoDialog extends HTMLElement {
   
   
   }
-  
-  
+
   customElements.define('zz-edu-info-dialog', ZZEduInfoDialog);
+}
 
 

package/blocks/zz-edu-form.liquid

@@ -97,7 +97,7 @@
     <zz-radio-tabs-item value="manual">Upload student card</zz-radio-tabs-item>
   </zz-radio-tabs>
   <div class="zz-edu-form-container">
-    <form class="zz-edu-form-form" id="eduForm">
+    <form class="zz-edu-form-form" id="eduForm-{{ block.id }}">
       <div class="zz-edu-form-group">
         <label for="firstName" class="zz-edu-form-label">Full name</label>
         <div class="zz-edu-form-row">
@@ -217,19 +217,14 @@
 
 <script src="{{ 'aliyun-oss-sdk-6.20.0.min.js' | asset_url }}" defer></script>
 
-{% if block.settings.request_type == 'prod' %}
-  {% assign base_url = 'https://h130-app-server-us.hoverx1.cn' %}
-{% else %}
-  {% assign base_url = 'https://h130-app-server-test-us.hoverx1.cn' %}
-{% endif %}
+
 <script src="{{ 'zz-edu-info-dialog.js' | asset_url }}" defer></script>
 
 <script>
-  const verifySuccessTitle = '{{ block.settings.verify_success_title }}';
-  const verifySuccessMessage = '{{ block.settings.verify_success_message }}';
-  const verifyFailTitle = '{{ block.settings.verify_fail_title }}';
+  
 
-  const EduErrorCodeConf = {
+  
+  var EduErrorCodeConf = {
     201: {
       zh: "该教育邮箱已完成注册，无需重复认证",
       en: "This educational email has been registered, no need to re-authenticate"
@@ -276,10 +271,18 @@
     }
   }
   document.addEventListener('DOMContentLoaded', function () {
+    {% if block.settings.request_type == 'prod' %}
+      {% assign base_url = 'https://h130-app-server-us.hoverx1.cn' %}
+    {% else %}
+      {% assign base_url = 'https://h130-app-server-test-us.hoverx1.cn' %}
+    {% endif %}
+    const verifySuccessTitle = '{{ block.settings.verify_success_title }}';
+    const verifySuccessMessage = '{{ block.settings.verify_success_message }}';
+    const verifyFailTitle = '{{ block.settings.verify_fail_title }}';
 
     const baseUrl = '{{ base_url }}';
     const block = document.getElementById('shopify-block-{{ block.id }}');
-    const form = block.querySelector('#eduForm');
+    const form = block.querySelector('#eduForm-{{ block.id }}');
     let verifyType = 'email'
     let identityDocumentUrl = ''
     
@@ -544,15 +547,6 @@
         block.querySelector('.upload-file-row').classList.add('zz-edu-form-hidden');
       }
     });
-    {% comment %} block.querySelector('.zz-edu-form-submit-btn').addEventListener('click', (e) => {
-      const zzEduInfoDialog = block.querySelector('zz-edu-info-dialog');
-      zzEduInfoDialog.showModal({
-        title: 'Verify my email',
-        message: 'Please enter the verification code sent to your email',
-        showInput: true
-      });
-  
-    }); {% endcomment %}
 
   });
 </script>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zz-shopify-components",
-  "version": "0.3.1-beta.12",
+  "version": "0.3.1-beta.13",
   "description": "Reusable Shopify components for theme projects",
   "keywords": [
     "shopify",