@solvimon/solvimon-web 0.1.0-alpha.6 → 0.1.0-alpha.7

package/dist/useWalletBalanceItems-B5FMmoU2.mjs

@@ -0,0 +1,308 @@
+import { defineComponent, openBlock, createElementBlock, createVNode, withCtx, renderSlot, Fragment, renderList, createBlock, unref, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, computed } from "vue";
+import { a as useIntl, _ as _sfc_main$6, c as createRequestService, u as useConfig } from "./component-dpA83LIN.mjs";
+import { u as useService } from "./useService-DG_zedHV.mjs";
+import { _ as _sfc_main$9 } from "./ErrorNotification.vue.es-Bgw0MIl8.mjs";
+import { _ as _sfc_main$7 } from "./Section.vue.es-3-H1pUTB.mjs";
+import { a as formatAmount } from "./formatting.es-D5H_ySFv.mjs";
+import { _ as _sfc_main$4, a as _sfc_main$5 } from "./CardContent.vue.es-ChEMrFCc.mjs";
+import { _ as _sfc_main$8 } from "./Skeleton.vue_vue_type_script_setup_true_lang-DXJcL7x6.mjs";
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "PageGridAsideCard",
+  props: {
+    title: {},
+    contentSpacing: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_sfc_main$4, {
+          spacing: "none",
+          title: __props.title
+        }, {
+          right: withCtx(() => [
+            renderSlot(_ctx.$slots, "settings")
+          ]),
+          default: withCtx(() => [
+            createVNode(_sfc_main$5, { spacing: __props.contentSpacing }, {
+              default: withCtx(() => [
+                renderSlot(_ctx.$slots, "default")
+              ]),
+              _: 3
+            }, 8, ["spacing"])
+          ]),
+          _: 3
+        }, 8, ["title"])
+      ]);
+    };
+  }
+});
+const _hoisted_1 = {
+  key: 0,
+  class: "flex flex-col gap-4"
+};
+const _hoisted_2 = { class: "flex flex-col items-start" };
+const _hoisted_3 = { class: "flex flex-col gap-2" };
+const _hoisted_4 = { class: "flex flex-col items-start" };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "WalletBalances",
+  props: {
+    items: {},
+    title: { default: void 0 },
+    variant: { default: "section" }
+  },
+  setup(__props) {
+    const { $t, formatDate, formatNumber } = useIntl();
+    const formatWalletBalance = (balanceValue) => {
+      var _a, _b, _c, _d, _e, _f;
+      if (balanceValue == null ? void 0 : balanceValue.amount) {
+        return formatAmount(balanceValue.amount);
+      }
+      if (balanceValue == null ? void 0 : balanceValue.credits) {
+        const quantity = Number(balanceValue.credits.quantity);
+        const unitLabel = quantity === 1 ? (_b = (_a = balanceValue.credits.creditType) == null ? void 0 : _a.unit_name) == null ? void 0 : _b.singular : ((_d = (_c = balanceValue.credits.creditType) == null ? void 0 : _c.unit_name) == null ? void 0 : _d.plural) ?? ((_f = (_e = balanceValue.credits.creditType) == null ? void 0 : _e.unit_name) == null ? void 0 : _f.singular);
+        return $t(
+          {
+            defaultMessage: "{quantity} {unit}",
+            description: "Formatted wallet credits balance",
+            id: "wallet_balance.formatted_credit_unit"
+          },
+          {
+            quantity: formatNumber(quantity),
+            unit: unitLabel ?? $t({
+              defaultMessage: "credits",
+              description: "Wallet balances credits default message",
+              id: "wB/wXs"
+            })
+          }
+        );
+      }
+      return $t({
+        defaultMessage: "N/A",
+        description: "Fallback wallet balance label when no balance is available",
+        id: "PW+sL4"
+      });
+    };
+    const formatUpdatedAtLabel = (balanceAt) => {
+      if (!balanceAt) {
+        return null;
+      }
+      return $t(
+        {
+          defaultMessage: "Updated at {date}",
+          description: "Wallet balance timestamp label",
+          id: "spcNSp"
+        },
+        {
+          date: formatDate({
+            date: balanceAt,
+            format: "dateTime",
+            offsetType: "local"
+          })
+        }
+      );
+    };
+    return (_ctx, _cache) => {
+      return __props.variant === "page-grid-aside" ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+          return openBlock(), createBlock(unref(_sfc_main$3), {
+            key: item.walletId,
+            title: unref($t)({
+              defaultMessage: "Wallet",
+              description: "Title of a wallet balance card",
+              id: "3yk8fB"
+            })
+          }, {
+            default: withCtx(() => [
+              createElementVNode("section", _hoisted_2, [
+                createVNode(_sfc_main$6, {
+                  variant: "label",
+                  "no-spacing": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(item.title), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                createVNode(_sfc_main$6, {
+                  variant: "body-lg",
+                  weight: "semibold",
+                  "no-spacing": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(formatWalletBalance(item.balance)), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                item.balanceAt ? (openBlock(), createBlock(_sfc_main$6, {
+                  key: 0,
+                  variant: "body-xs",
+                  shade: "lighter",
+                  "no-spacing": ""
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(formatUpdatedAtLabel(item.balanceAt)), 1)
+                  ]),
+                  _: 2
+                }, 1024)) : createCommentVNode("", true)
+              ])
+            ]),
+            _: 2
+          }, 1032, ["title"]);
+        }), 128))
+      ])) : (openBlock(), createBlock(_sfc_main$7, {
+        key: 1,
+        "no-spacing": "",
+        "no-border": "",
+        title: __props.title
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+              return openBlock(), createBlock(_sfc_main$7, {
+                key: item.walletId
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", _hoisted_4, [
+                    createVNode(_sfc_main$6, {
+                      variant: "label",
+                      "no-spacing": ""
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(item.title), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    createVNode(_sfc_main$6, {
+                      variant: "body-lg",
+                      weight: "semibold",
+                      "no-spacing": ""
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(formatWalletBalance(item.balance)), 1)
+                      ]),
+                      _: 2
+                    }, 1024),
+                    item.balanceAt ? (openBlock(), createBlock(_sfc_main$6, {
+                      key: 0,
+                      variant: "body-xs",
+                      shade: "lighter",
+                      "no-spacing": ""
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(formatUpdatedAtLabel(item.balanceAt)), 1)
+                      ]),
+                      _: 2
+                    }, 1024)) : createCommentVNode("", true)
+                  ])
+                ]),
+                _: 2
+              }, 1024);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }, 8, ["title"]));
+    };
+  }
+});
+function createWalletsService() {
+  const request = createRequestService();
+  const config = useConfig();
+  function getCustomerWalletBalances(customerId) {
+    return request({
+      url: `${config.apiUrls.config}/portal/customers/${customerId}/wallets/balance`,
+      options: { method: "POST" },
+      data: {}
+    });
+  }
+  return {
+    getCustomerWalletBalances
+  };
+}
+function useCustomerWalletBalances({ customerId }) {
+  const { getCustomerWalletBalances } = createWalletsService();
+  const { data, execute, apiStatus, error, isPending } = useService({
+    service: () => getCustomerWalletBalances(customerId)
+  });
+  const walletBalances = computed(
+    () => data.value ?? null
+  );
+  return { walletBalances, apiStatus, error, fetch: execute, isPending };
+}
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "CustomerWalletBalancesBlock",
+  props: {
+    walletBalances: { type: Array }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$2), {
+        items: __props.walletBalances,
+        title: unref($t)(
+          {
+            defaultMessage: "{count, plural, one {Wallet} other {Wallets}}",
+            description: "Title for the wallets block on the customer overview page",
+            id: "customer_overview.wallet_balances_block.title"
+          },
+          { count: String(__props.walletBalances.length) }
+        )
+      }, null, 8, ["items", "title"]);
+    };
+  }
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "CustomerWalletBalances",
+  props: {
+    hasError: { type: Boolean },
+    isLoading: { type: Boolean },
+    walletBalances: { type: Array }
+  },
+  setup(__props) {
+    const { $t } = useIntl();
+    return (_ctx, _cache) => {
+      return __props.isLoading ? (openBlock(), createBlock(_sfc_main$8, {
+        key: 0,
+        variant: "section",
+        class: "min-h-48",
+        "data-testid": "customer-wallet-balances-skeleton"
+      })) : __props.hasError ? (openBlock(), createBlock(unref(_sfc_main$9), {
+        key: 1,
+        title: unref($t)({
+          defaultMessage: "Could not load wallet balances",
+          description: "Error shown when wallet balances fail to load",
+          id: "wallet_balance.load_failed"
+        })
+      }, null, 8, ["title"])) : __props.walletBalances.length > 0 ? (openBlock(), createBlock(_sfc_main$1, {
+        key: 2,
+        "wallet-balances": __props.walletBalances
+      }, null, 8, ["wallet-balances"])) : createCommentVNode("", true);
+    };
+  }
+});
+function useWalletBalanceItems(walletBalances) {
+  const { $t } = useIntl();
+  return computed(
+    () => {
+      var _a;
+      return (((_a = walletBalances.value) == null ? void 0 : _a.wallet_balances) ?? []).map((walletBalance) => {
+        var _a2;
+        return {
+          walletId: walletBalance.wallet_id,
+          title: $t({
+            defaultMessage: "Balance",
+            description: "Fallback wallet title in wallet balance components",
+            id: "H5+NAX"
+          }),
+          balance: walletBalance.wallet_balance.open_balance,
+          balanceAt: walletBalance.wallet_balance.balance_at ?? ((_a2 = walletBalances.value) == null ? void 0 : _a2.balance_at) ?? null
+        };
+      });
+    }
+  );
+}
+export {
+  _sfc_main as _,
+  useWalletBalanceItems as a,
+  useCustomerWalletBalances as u
+};

package/dist/useWalletBalanceItems-BY3gq0fc.js

@@ -0,0 +1 @@
+const e=require("vue"),t=require("./component-ZRZIt3ZW.js"),a=require("./useService-B67YWAcN.js"),l=require("./ErrorNotification.vue.es-FpRyg0De.js"),n=require("./Section.vue.es-BuzTXRLP.js"),i=require("./formatting.es-9hM8aHSg.js"),o=require("./CardContent.vue.es-i9ivuGKG.js"),r=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),c=e.defineComponent({__name:"PageGridAsideCard",props:{title:{},contentSpacing:{}},setup:t=>(a,l)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(o._sfc_main,{spacing:"none",title:t.title},{right:e.withCtx(()=>[e.renderSlot(a.$slots,"settings")]),default:e.withCtx(()=>[e.createVNode(o._sfc_main$1,{spacing:t.contentSpacing},{default:e.withCtx(()=>[e.renderSlot(a.$slots,"default")]),_:3},8,["spacing"])]),_:3},8,["title"])]))}),s={key:0,class:"flex flex-col gap-4"},d={class:"flex flex-col items-start"},u={class:"flex flex-col gap-2"},p={class:"flex flex-col items-start"},m=e.defineComponent({__name:"WalletBalances",props:{items:{},title:{default:void 0},variant:{default:"section"}},setup(a){const{$t:l,formatDate:o,formatNumber:r}=t.useIntl(),m=e=>{var t,a,n,o,c,s;if(null==e?void 0:e.amount)return i.formatAmount(e.amount);if(null==e?void 0:e.credits){const i=Number(e.credits.quantity),d=1===i?null==(a=null==(t=e.credits.creditType)?void 0:t.unit_name)?void 0:a.singular:(null==(o=null==(n=e.credits.creditType)?void 0:n.unit_name)?void 0:o.plural)??(null==(s=null==(c=e.credits.creditType)?void 0:c.unit_name)?void 0:s.singular);return l({defaultMessage:"{quantity} {unit}",description:"Formatted wallet credits balance",id:"wallet_balance.formatted_credit_unit"},{quantity:r(i),unit:d??l({defaultMessage:"credits",description:"Wallet balances credits default message",id:"wB/wXs"})})}return l({defaultMessage:"N/A",description:"Fallback wallet balance label when no balance is available",id:"PW+sL4"})},f=e=>e?l({defaultMessage:"Updated at {date}",description:"Wallet balance timestamp label",id:"spcNSp"},{date:o({date:e,format:"dateTime",offsetType:"local"})}):null;return(i,o)=>"page-grid-aside"===a.variant?(e.openBlock(),e.createElementBlock("div",s,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,a=>(e.openBlock(),e.createBlock(e.unref(c),{key:a.walletId,title:e.unref(l)({defaultMessage:"Wallet",description:"Title of a wallet balance card",id:"3yk8fB"})},{default:e.withCtx(()=>[e.createElementVNode("section",d,[e.createVNode(t._sfc_main,{variant:"label","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:2},1024),e.createVNode(t._sfc_main,{variant:"body-lg",weight:"semibold","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m(a.balance)),1)]),_:2},1024),a.balanceAt?(e.openBlock(),e.createBlock(t._sfc_main,{key:0,variant:"body-xs",shade:"lighter","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f(a.balanceAt)),1)]),_:2},1024)):e.createCommentVNode("",!0)])]),_:2},1032,["title"]))),128))])):(e.openBlock(),e.createBlock(n._sfc_main,{key:1,"no-spacing":"","no-border":"",title:a.title},{default:e.withCtx(()=>[e.createElementVNode("div",u,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.items,a=>(e.openBlock(),e.createBlock(n._sfc_main,{key:a.walletId},{default:e.withCtx(()=>[e.createElementVNode("div",p,[e.createVNode(t._sfc_main,{variant:"label","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.title),1)]),_:2},1024),e.createVNode(t._sfc_main,{variant:"body-lg",weight:"semibold","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(m(a.balance)),1)]),_:2},1024),a.balanceAt?(e.openBlock(),e.createBlock(t._sfc_main,{key:0,variant:"body-xs",shade:"lighter","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(f(a.balanceAt)),1)]),_:2},1024)):e.createCommentVNode("",!0)])]),_:2},1024))),128))])]),_:1},8,["title"]))}});const f=e.defineComponent({__name:"CustomerWalletBalancesBlock",props:{walletBalances:{type:Array}},setup(a){const{$t:l}=t.useIntl();return(t,n)=>(e.openBlock(),e.createBlock(e.unref(m),{items:a.walletBalances,title:e.unref(l)({defaultMessage:"{count, plural, one {Wallet} other {Wallets}}",description:"Title for the wallets block on the customer overview page",id:"customer_overview.wallet_balances_block.title"},{count:String(a.walletBalances.length)})},null,8,["items","title"]))}}),_=e.defineComponent({__name:"CustomerWalletBalances",props:{hasError:{type:Boolean},isLoading:{type:Boolean},walletBalances:{type:Array}},setup(a){const{$t:n}=t.useIntl();return(t,i)=>a.isLoading?(e.openBlock(),e.createBlock(r._sfc_main,{key:0,variant:"section",class:"min-h-48","data-testid":"customer-wallet-balances-skeleton"})):a.hasError?(e.openBlock(),e.createBlock(e.unref(l._sfc_main),{key:1,title:e.unref(n)({defaultMessage:"Could not load wallet balances",description:"Error shown when wallet balances fail to load",id:"wallet_balance.load_failed"})},null,8,["title"])):a.walletBalances.length>0?(e.openBlock(),e.createBlock(f,{key:2,"wallet-balances":a.walletBalances},null,8,["wallet-balances"])):e.createCommentVNode("",!0)}});exports._sfc_main=_,exports.useCustomerWalletBalances=function({customerId:l}){const{getCustomerWalletBalances:n}=function(){const e=t.createRequestService(),a=t.useConfig();return{getCustomerWalletBalances:function(t){return e({url:`${a.apiUrls.config}/portal/customers/${t}/wallets/balance`,options:{method:"POST"},data:{}})}}}(),{data:i,execute:o,apiStatus:r,error:c,isPending:s}=a.useService({service:()=>n(l)});return{walletBalances:e.computed(()=>i.value??null),apiStatus:r,error:c,fetch:o,isPending:s}},exports.useWalletBalanceItems=function(a){const{$t:l}=t.useIntl();return e.computed(()=>{var e;return((null==(e=a.value)?void 0:e.wallet_balances)??[]).map(e=>{var t;return{walletId:e.wallet_id,title:l({defaultMessage:"Balance",description:"Fallback wallet title in wallet balance components",id:"H5+NAX"}),balance:e.wallet_balance.open_balance,balanceAt:e.wallet_balance.balance_at??(null==(t=a.value)?void 0:t.balance_at)??null}})})};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@solvimon/solvimon-web",
-    "version": "0.1.0-alpha.6",
+    "version": "0.1.0-alpha.7",
     "description": "Solvimon's Front-end SDK provides you with the building blocks to create a billing self serve experience",
     "private": false,
     "publishConfig": {
@@ -9,25 +9,30 @@
     },
     "scripts": {
         "analyze": "vite-bundle-visualizer",
-        "prebuild": "npm run build:css && npm run type-check:declarations",
+        "prebuild": "npm run build:css && npm run type-check",
         "build": "vite build",
         "build:css": "tailwindcss -i ./src/assets/index.css -o ./.sdk/tailwind.css",
         "dev": "npm run watch",
+        "playground:dev": "npm --prefix playground run dev",
+        "playground:install": "npm --prefix playground install",
         "lint": "eslint . --fix",
         "lint:ci": "eslint . --ignore-pattern .eslintignore",
         "test:unit": "vitest",
+        "test:coverage": "vitest --run --coverage",
         "type-check:declarations": "vue-tsc --declaration --emitDeclarationOnly -p tsconfig.json --composite false",
         "type-check": "vue-tsc --noEmit -p tsconfig.json --composite false",
-        "watch": "vite build --watch",
+        "prewatch": "npm run build:css",
+        "watch": "run-p watch:js watch:css",
+        "watch:js": "vite build --watch",
         "watch:css": "npm run build:css -- --watch",
         "translations:extract": "formatjs extract 'src/**/*.{ts,vue}*' --ignore='**/*.d.ts' --out-file 'src/translations/source.json' --flatten --additional-function-names '$t'",
         "translations:compile": "formatjs compile 'src/translations/source.json' --out-file 'src/translations/en-US.json'",
-        "translations:check": "tsx ./scripts/check-translations.ts",
-        "test:e2e:run-app": "tsx scripts/start-test-app.ts",
+        "translations:check": "node ./scripts/check-translations.mjs",
+        "test:e2e:run-app": "node scripts/start-test-app.mjs",
         "test:e2e": "playwright test",
         "test:e2e:ui": "playwright test --ui",
         "test:e2e:ci": "playwright test",
-        "test:ssl:generate": "tsx scripts/generate-ssl-cert.ts",
+        "test:ssl:generate": "node scripts/generate-ssl-cert.mjs",
         "version:bump": "node scripts/bump-version.mjs",
         "version:patch": "npm version patch --no-git-tag-version",
         "version:minor": "npm version minor --no-git-tag-version",
@@ -142,13 +147,14 @@
         "@playwright/test": "^1.57.0",
         "@rushstack/eslint-patch": "^1.2.0",
         "@solvimon/solvimon-types": "^1.0.0",
-        "@solvimon/solvimon-ui": "^1.0.1",
+        "@solvimon/solvimon-ui": "^1.0.2",
         "@tsconfig/node22": "^22.0.0",
         "@types/jsdom": "^21.1.7",
         "@types/lodash-es": "^4.17.12",
         "@types/node": "^22.10.2",
         "@typescript-eslint/parser": "^8.46.2",
         "@vitejs/plugin-vue": "^5.2.3",
+        "@vitest/coverage-v8": "^3.2.4",
         "@vitest/eslint-plugin": "1.1.20",
         "@vue/eslint-config-prettier": "^10.2.0",
         "@vue/eslint-config-typescript": "^14.6.0",
@@ -167,7 +173,7 @@
         "glob": "^11.0.1",
         "jsdom": "^26.0.0",
         "npm-run-all2": "^7.0.2",
-        "postcss": "^8.5.1",
+        "postcss": "^8.5.10",
         "prettier": "^3.8.3",
         "prettier-plugin-tailwindcss": "^0.8.0",
         "tailwindcss": "^3.4.17",

package/dist/BillingInformation.vue_vue_type_script_setup_true_lang-eRGZRjmq.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),i=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),o=require("./useActionDispatchProvider-DmTJ_bqE.js"),n=e.defineComponent({__name:"BillingInformation",props:{customer:{type:Object},isLoading:{type:Boolean},configuration:{default:()=>({showEditButton:!0}),type:Object}},emits:["edit-billing-information"],setup(n){const{$t:r}=t.useIntl(),{dispatchAction:s}=o.useActionDispatchProvider();return(o,a)=>n.isLoading?(e.openBlock(),e.createBlock(i._sfc_main,{key:0,variant:"section",class:"min-h-[100px]","data-testid":"billing-information-skeleton"})):(e.openBlock(),e.createBlock(e.unref(t._sfc_main$z),{key:1,customer:n.customer,"fallback-to-reference":!1},e.createSlots({_:2},[n.configuration.showEditButton?{name:"settings",fn:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2H),{size:"sm",variant:"ghost",color:"gray","icon-prefix":"edit",onClick:a[0]||(a[0]=t=>e.unref(s)({action:"edit-billing-information"}))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Edit",id:"customer_overview.billing_information_block.view_all_payment_methods_link_label",description:"The link text that links to the overview page of the customer billing information"})),1)]),_:1})]),key:"0"}:void 0]),1032,["customer"]))}});exports._sfc_main=n;

package/dist/CustomerPaymentMethods.vue_vue_type_script_setup_true_lang-BvmKLc2H.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),o=require("./Skeleton.vue_vue_type_script_setup_true_lang-D1Xzfc70.js"),n=require("./useActionDispatchProvider-DmTJ_bqE.js"),a={key:0,class:"flex flex-col gap-2"},i=e.defineComponent({__name:"CustomerPaymentMethodsBlock",props:{paymentMethods:{type:Array},limit:{default:2,type:Number},isLoading:{type:Boolean},showViewAllButton:{type:Boolean},showAddButton:{type:Boolean}},emits:["view-all-payment-methods","add-payment-method"],setup(o){const n=o,{$t:i}=t.useIntl(),d=e.computed(()=>n.paymentMethods.length>0);return(n,s)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{"no-spacing":"","no-border":"",title:e.unref(i)({defaultMessage:"{count, plural, one {Payment method} other {Payment methods}}",description:"Title for the payment methods block on the customer overview page",id:"customer_overview.payment_methods.title"},{count:String(o.paymentMethods.length)})},e.createSlots({default:e.withCtx(()=>[d.value?(e.openBlock(),e.createElementBlock("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.paymentMethods,o=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:o.id},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main),{"payment-method":o},null,8,["payment-method"])]),_:2},1024))),128))])):(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:1},{default:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2),{variant:"body-sm",shade:"lighter","no-spacing":""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Add a payment method for recurring invoice payments.",description:"Helper text for adding a payment method when no payment methods are configured",id:"customer_overview.payment_methods_block.add_payment_method_helper_text"})),1)]),_:1}),o.showAddButton?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2H),{key:0,class:"mt-4 w-full",variant:"outline",color:"gray","icon-prefix":"add",type:"button",onClick:s[1]||(s[1]=e=>n.$emit("add-payment-method"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"Add payment method",description:"Text for the add payment method button that is shown when no payment methods have been configured",id:"customer_overview.payment_methods_block.add_payment_method_button_label"})),1)]),_:1})):e.createCommentVNode("",!0)]),_:1}))]),_:2},[o.showViewAllButton?{name:"right",fn:e.withCtx(()=>[e.createVNode(e.unref(t._sfc_main$2H),{size:"sm",variant:"ghost",color:"gray","icon-suffix":"arrow_right_alt",type:"button",onClick:s[0]||(s[0]=e=>n.$emit("view-all-payment-methods"))},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({defaultMessage:"View all",id:"customer_overview.payment_methods_block.view_all_payment_methods_link_label",description:"The link text that links to the overview page of the customer invoices"})),1)]),_:1})]),key:"0"}:void 0]),1032,["title"]))}}),d=e.defineComponent({__name:"CustomerPaymentMethods",props:{isLoading:{type:Boolean},paymentMethods:{type:Array},maxPaymentMethods:{type:Number},configuration:{default:()=>({showViewAllButton:!0,showAddButton:!0}),type:Object}},setup(t){const{dispatchAction:a}=n.useActionDispatchProvider();return(n,d)=>{var s,r;return t.isLoading?(e.openBlock(),e.createBlock(o._sfc_main,{key:0,variant:"section",class:"h-72","data-testid":"customer-payment-methods-skeleton"})):(e.openBlock(),e.createBlock(i,{key:1,"is-loading":t.isLoading,"payment-methods":t.paymentMethods,"show-view-all-button":null==(s=t.configuration)?void 0:s.showViewAllButton,"show-add-button":null==(r=t.configuration)?void 0:r.showAddButton,onViewAllPaymentMethods:d[0]||(d[0]=t=>e.unref(a)({action:"view-all-payment-methods"})),onAddPaymentMethod:d[1]||(d[1]=t=>e.unref(a)({action:"add-payment-method"}))},null,8,["is-loading","payment-methods","show-view-all-button","show-add-button"]))}}});exports._sfc_main=d;

package/dist/InvoiceDetailsBlock.vue_vue_type_script_setup_true_lang-DNWspHtC.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),i={key:0,class:"flex flex-col gap-2"},o=e.defineComponent({__name:"InvoiceDetailsBlock",props:{invoice:{type:Object}},setup(o){const{$t:n,formatDate:a}=t.useIntl();return(c,d)=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{title:e.unref(n)({defaultMessage:"Invoice details",description:"Title for the invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.title"})},{default:e.withCtx(()=>[o.invoice?(e.openBlock(),e.createElementBlock("div",i,[e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({defaultMessage:"Invoice date",description:"Title for the invoice date in invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.invoice_date"})),1)]),_:1}),o.invoice.invoice_date?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2),{key:0,variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({date:o.invoice.invoice_date,format:"date",timezone:o.invoice.customer.timezone,offsetType:"offsetted"})),1)]),_:1})):e.createCommentVNode("",!0)]),e.createElementVNode("div",null,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(n)({defaultMessage:"Due date",description:"Title for the due date in invoice details block on the invoice overview page",id:"sdk.invoice_details.invoice_details_block.due_date"})),1)]),_:1}),o.invoice.due_date?(e.openBlock(),e.createBlock(e.unref(t._sfc_main$2),{key:0,variant:"body-xs"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(a)({date:o.invoice.due_date,format:"date",timezone:o.invoice.customer.timezone,offsetType:"offsetted"})),1)]),_:1})):e.createCommentVNode("",!0)])])):e.createCommentVNode("",!0)]),_:1},8,["title"]))}});exports._sfc_main=o;

package/dist/PaymentHistoryBlock.vue_vue_type_script_setup_true_lang-Cx4c8E4i.js

@@ -1 +0,0 @@
-const e=require("vue"),t=require("./component-yWF07boR.js"),a={class:"flex flex-col-reverse gap-1"},n={class:"flex justify-between items-center mb-2"},o=e.defineComponent({__name:"PaymentHistoryBlock",props:{paymentAttempts:{type:Array},customer:{type:Object}},setup(o){const{$t:r,formatDate:i}=t.useIntl(),s={AUTHORIZED:"green",CANCELLED:"red",ERROR:"red",PENDING:"orange",PENDING_REFUND:"orange",REFUNDED:"orange",CHARGED_BACK:"orange",REFUSED:"red"};return(m,c)=>(e.openBlock(),e.createElementBlock("div",null,[e.createVNode(e.unref(t._sfc_main$2),{tag:"h2",variant:"heading-3"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Payment history",description:"Title for the payment history block on the invoice details page",id:"sdk.invoice_details.payment_history.title"})),1)]),_:1}),e.createElementVNode("div",a,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.paymentAttempts,a=>(e.openBlock(),e.createBlock(e.unref(t._sfc_main$1g),{key:a.id,class:"mt-1 md:mt-2"},{default:e.withCtx(()=>[e.createElementVNode("div",n,[e.createVNode(e.unref(t._sfc_main$2),{variant:"caps-heading"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(r)({defaultMessage:"Payment attempt",description:"Title for the payment attempt block",id:"sdk.invoice_details.payment_history.payment_attempt"})),1)]),_:1}),e.createVNode(e.unref(t._sfc_main$3),{color:s[a.result]},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(t.formatEnum)(a.result)),1)]),_:2},1032,["color"])]),a.payment_method_details?(e.openBlock(),e.createBlock(e.unref(t._sfc_main),{key:0,"payment-method":a.payment_method_details},{description:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(e.unref(i)({date:a.created_at,format:"dateTime",offsetType:"offsetted",timezone:o.customer.timezone})),1)]),_:2},1032,["payment-method"])):e.createCommentVNode("",!0)]),_:2},1024))),128))])]))}});exports._sfc_main=o;