@foxy.io/elements 1.56.2 → 1.58.0

package/dist/elements/public/StoreForm/StoreForm.js

@@ -3,7 +3,7 @@ import { ResponsiveMixin } from "../../../mixins/responsive.js";
 import { InternalForm } from "../../internal/InternalForm/InternalForm.js";
 import { ifDefined } from 'lit-html/directives/if-defined';
 import { isHttpUrl } from "../../../utils/is-http-url.js";
-import { html } from 'lit-html';
+import { html, svg } from 'lit-html';
 import slugify from '@sindresorhus/slugify';
 import merge from 'lodash-es/merge';
 const NS = 'store-form';
@@ -146,6 +146,10 @@ export class StoreForm extends Base {
         this.__setAutoAnonymizeDaysValue = (newValue) => {
             this.edit({ data_retention: { ...this.__getDataRetention(), auto_anonymize_days: newValue } });
         };
+        // null is a UI-only state (switch on, no limit yet) that v8n blocks from being submitted.
+        this.__setPackageWeightMax = (newValue) => {
+            this.edit({ package_weight_max: newValue });
+        };
         this.__getStoreEmailValue = () => {
             var _a;
             const emails = (_a = this.form.store_email) !== null && _a !== void 0 ? _a : '';
@@ -400,6 +404,12 @@ export class StoreForm extends Base {
                 const days = v.auto_anonymize_days;
                 return (typeof days === 'number' && days >= 90) || 'auto-anonymize-days:v8n_required';
             },
+            ({ package_weight_max: v }) => {
+                return v !== null || 'package-weight-max:v8n_required';
+            },
+            ({ package_weight_max: v }) => {
+                return !v || v >= 0 || 'package-weight-max:v8n_negative';
+            },
         ];
     }
     get headerSubtitleOptions() {
@@ -407,7 +417,7 @@ export class StoreForm extends Base {
         return { context: ((_a = this.data) === null || _a === void 0 ? void 0 : _a.is_active) ? 'active' : 'inactive' };
     }
     renderBody() {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
         const storeDomainHelperText = this.t(this.form.use_remote_domain && !((_a = this.data) === null || _a === void 0 ? void 0 : _a.use_remote_domain)
             ? 'essentials-group-one.store-domain.custom_domain_note'
             : 'essentials-group-one.store-domain.helper_text');
@@ -441,7 +451,7 @@ export class StoreForm extends Base {
                 regionsURL.searchParams.set('country_code', country);
             regionsUrl = regionsURL.toString();
         }
-        catch (_w) {
+        catch (_x) {
             regionsUrl = undefined;
         }
         const customDisplayIdConfig = this.__getCustomDisplayIdConfig();
@@ -449,6 +459,8 @@ export class StoreForm extends Base {
         const logDetailRequestTypes = transactionJournalEntriesConfig.log_detail_request_types;
         const displayIdExamples = this.__displayIdExamples;
         const journalIdExamples = this.__journalIdExamples;
+        const packageWeightMax = this.form.package_weight_max;
+        const isPackageWeightSplitEnabled = packageWeightMax !== undefined && packageWeightMax !== 0;
         const rawWebhookKey = (_p = (_o = this.data) === null || _o === void 0 ? void 0 : _o.webhook_key) !== null && _p !== void 0 ? _p : '';
         const parsedWebhookKey = parseWebhookKey(rawWebhookKey);
         const cartSigningKey = (_q = parsedWebhookKey === null || parsedWebhookKey === void 0 ? void 0 : parsedWebhookKey.cart_signing) !== null && _q !== void 0 ? _q : rawWebhookKey;
@@ -609,9 +621,25 @@ export class StoreForm extends Base {
         >
         </foxy-internal-text-control>
 
-        <foxy-internal-switch-control infer="use-email-dns" helper-text-as-tooltip>
-        </foxy-internal-switch-control>
+        <foxy-internal-select-control
+          layout="summary-item"
+          infer="send-html-email"
+          .getValue=${this.__sendHtmlEmailGetValue}
+          .setValue=${this.__sendHtmlEmailSetValue}
+          .options=${this.__sendHtmlEmailOptions}
+        >
+        </foxy-internal-select-control>
+
+        <foxy-internal-switch-control infer="use-email-dns"> </foxy-internal-switch-control>
+      </foxy-internal-summary-control>
 
+      ${this.form.use_email_dns &&
+            !((_v = this.data) === null || _v === void 0 ? void 0 : _v.use_email_dns) &&
+            !this.hiddenSelector.matches('emails:email-dns', true)
+            ? this.__renderEmailDnsRecords()
+            : ''}
+
+      <foxy-internal-summary-control infer="emails" label="" helper-text="">
         <foxy-internal-switch-control
           infer="use-smtp-config"
           helper-text-as-tooltip
@@ -666,15 +694,6 @@ export class StoreForm extends Base {
               </foxy-internal-select-control>
             `
             : ''}
-
-        <foxy-internal-select-control
-          layout="summary-item"
-          infer="send-html-email"
-          .getValue=${this.__sendHtmlEmailGetValue}
-          .setValue=${this.__sendHtmlEmailSetValue}
-          .options=${this.__sendHtmlEmailOptions}
-        >
-        </foxy-internal-select-control>
       </foxy-internal-summary-control>
 
       <foxy-internal-summary-control infer="shipping">
@@ -690,6 +709,29 @@ export class StoreForm extends Base {
 
         <foxy-internal-switch-control infer="require-signed-shipping-rates" helper-text-as-tooltip>
         </foxy-internal-switch-control>
+
+        <foxy-internal-switch-control
+          infer="package-weight-split"
+          helper-text-as-tooltip
+          .getValue=${() => isPackageWeightSplitEnabled}
+          .setValue=${(newValue) => this.__setPackageWeightMax(newValue ? null : 0)}
+        >
+        </foxy-internal-switch-control>
+
+        ${isPackageWeightSplitEnabled
+            ? html `
+              <foxy-internal-number-control
+                layout="summary-item"
+                infer="package-weight-max"
+                min="0"
+                .setValue=${(newValue) => {
+                // 0 means "don't split" in the API, so keep the switch on and ask for a real limit instead.
+                this.__setPackageWeightMax(newValue === 0 ? null : newValue);
+            }}
+              >
+              </foxy-internal-number-control>
+            `
+            : ''}
       </foxy-internal-summary-control>
 
       <foxy-internal-summary-control infer="cart">
@@ -968,7 +1010,7 @@ export class StoreForm extends Base {
           .setValue=${this.__setAutoAnonymizeValue}
         >
         </foxy-internal-switch-control>
-        ${((_v = this.form.data_retention) === null || _v === void 0 ? void 0 : _v.auto_anonymize) ? html `
+        ${((_w = this.form.data_retention) === null || _w === void 0 ? void 0 : _w.auto_anonymize) ? html `
               <foxy-internal-number-control
                 layout="summary-item"
                 infer="auto-anonymize-days"
@@ -1175,6 +1217,66 @@ export class StoreForm extends Base {
       `,
         };
     }
+    __renderEmailDnsRecords() {
+        const records = [
+            {
+                host: 'smtpapi._domainkey',
+                value: 'k=rsa; t=s; p=MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQDPtW5iwpXVPiH5FzJ7Nrl8USzuY9zqqzjE0D1r04xDN6qwziDnmgcFNNfMewVKN2D1O+2J9N14hRprzByFwfQW76yojh54Xu3uSbQ3JP0A7k8o8GutRF8zbFUA8n0ZH2y0cIEjMliXY4W4LwPA7m4q0ObmvSjhd63O9d8z1XkUBwIDAQAB',
+            },
+            {
+                host: '@',
+                value: 'v=spf1 include:_spf.foxycart.com ~all',
+            },
+        ];
+        const renderField = (key, text) => html `
+      <foxy-i18n
+        style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);"
+        class="bg-contrast-5 h-full"
+        infer="emails email-dns"
+        key=${key}
+      >
+      </foxy-i18n>
+      <div
+        class="flex items-start bg-contrast-5 gap-s h-full"
+        style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);"
+      >
+        <code class="flex-1" style="overflow-wrap: anywhere">${text}</code>
+        <foxy-copy-to-clipboard infer="emails email-dns copy-to-clipboard" text=${text}>
+        </foxy-copy-to-clipboard>
+      </div>
+    `;
+        return html `
+      <div class="grid" style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);">
+        <div
+          class="flex items-start border border-primary rounded bg-base"
+          style="padding: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px); gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px)"
+        >
+          ${svg `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="flex-shrink-0 text-primary" style="width: 1.25em"><path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd"></path></svg>`}
+          <div class="grid" style="gap: calc(0.625em + (var(--lumo-border-radius) / 4) - 1px);">
+            <foxy-i18n infer="emails email-dns" key="helper_text"></foxy-i18n>
+
+            <a
+              target="_blank"
+              class="rounded font-medium text-primary transition-colors cursor-pointer hover-opacity-80 focus-outline-none focus-ring-2 focus-ring-primary-50"
+              href="https://www.foxy.io/help/articles/set-up-email-deliverability-with-spf-dkim-and-dmarc#set-up-email-dns"
+              rel="noopener noreferrer"
+            >
+              <foxy-i18n infer="emails email-dns" key="link_text"></foxy-i18n>
+            </a>
+
+            ${records.map(({ host, value }) => html `
+                <div
+                  class="grid rounded-s overflow-hidden text-s"
+                  style="grid-template-columns: auto 1fr; gap: 1px;"
+                >
+                  ${renderField('host', host)} ${renderField('value', value)}
+                </div>
+              `)}
+          </div>
+        </div>
+      </div>
+    `;
+    }
     __renderReadonlyWebhookKey(scope, key) {
         var _a;
         return html `