@salla.sa/twilight-theme-engine 1.0.62 → 1.0.64

package/dist/vite/plugins/best-practices/hooks-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hooks-registry.d.ts","sourceRoot":"","sources":["../../../../src/vite/plugins/best-practices/hooks-registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,EAuM1C,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,EAAE,GAAG,IAAI,CAOxE"}
+{"version":3,"file":"hooks-registry.d.ts","sourceRoot":"","sources":["../../../../src/vite/plugins/best-practices/hooks-registry.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;CACrC;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,YAAY,EAAE,CAAC;CAC/B;AAED;;;GAGG;AACH,eAAO,MAAM,cAAc,EAAE,cAAc,EAgN1C,CAAC;AAEF;;;GAGG;AACH,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,MAAM,GAAG,YAAY,EAAE,GAAG,IAAI,CAOxE"}

package/dist/vite/plugins/component-deps.d.ts

@@ -0,0 +1,5 @@
+/** Every `@salla.sa/twilight-components-react/<subpath>` imported by the source files under `dirs`. */
+export declare function collectComponentWrapperImports(dirs: string[]): string[];
+/** The engine's own code: `src/` in the monorepo, `dist/` in a registry install. */
+export declare function engineSourceDir(startDir?: string): string | null;
+//# sourceMappingURL=component-deps.d.ts.map

package/dist/vite/plugins/component-deps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-deps.d.ts","sourceRoot":"","sources":["../../../src/vite/plugins/component-deps.ts"],"names":[],"mappings":"AAgBA,uGAAuG;AACvG,wBAAgB,8BAA8B,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE,CAgBvE;AAED,oFAAoF;AACpF,wBAAgB,eAAe,CAAC,QAAQ,SAA0C,GAAG,MAAM,GAAG,IAAI,CAajG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salla.sa/twilight-theme-engine",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "publishConfig": {
     "access": "public"
   },

package/dist/CustomerLayout-RIJ2KLKV.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/CustomerLayout.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,SAAS,cAAA,CAAe,EAAE,QAAA,EAAU,IAAA,EAAK,EAAwB;AACtE,EAAA,MAAM,EAAE,IAAA,EAAM,IAAA,EAAK,GAAI,OAAA,EAAQ;AAI/B,EAAA,gBAAA,CAAiB,EAAE,IAAA,EAAM,EAAE,KAAA,EAAO,UAAA,IAAc,CAAA;AAEhD,EAAA,uBACE,IAAA,CAAA,QAAA,EAAA,EACE,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,4BAAA,EACb,QAAA,kBAAA,GAAA,CAAC,SAAI,SAAA,EAAU,6DAAA,EACZ,QAAA,EAAA,IAAA,oBAAQ,GAAA,CAAC,cAAA,EAAA,EAAW,IAAA,EAAY,SAAA,EAAU,oCAAA,EAAqC,GAClF,CAAA,EACF,CAAA;AAAA,wBAGC,KAAA,EAAA,EAAI,SAAA,EAAU,sBACb,QAAA,kBAAA,IAAA,CAAC,KAAA,EAAA,EAAI,WAAU,sDAAA,EACb,QAAA,EAAA;AAAA,sBAAA,IAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,YAAA,EAAW,SAAA;AAAA,UACX,SAAA,EAAU,yJAAA;AAAA,UAET,QAAA,EAAA;AAAA,YAAA,IAAA,EAAM,IAAA,KAAS,SAAA,oBACd,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,qBAAA,EACb,QAAA,kBAAA,GAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,uEAAA,EACb,QAAA,kBAAA,GAAA,CAAC,eAAA,EAAA,EAAgB,YAAA,EAAY,IAAA,EAAC,KAAA,EAAO,IAAA,EAAM,MAAA,EACzC,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,4EAAA,EACd,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,mCAAA,EAAoC,CAAA,EACtD,CAAA,EACF,CAAA,EACF,CAAA,EACF,CAAA;AAAA,4BAGF,GAAA,CAAC,SAAI,SAAA,EAAU,iBAAA,EACb,8BAAC,aAAA,EAAA,EAAc,MAAA,EAAM,MAAC,CAAA,EACxB;AAAA;AAAA;AAAA,OACF;AAAA,sBAEA,IAAA,CAAC,KAAA,EAAA,EAAI,SAAA,EAAU,+CAAA,EACZ,QAAA,EAAA;AAAA,QAAA,IAAA,EAAM,yBACL,GAAA,CAAC,IAAA,EAAA,EAAG,SAAA,EAAU,uEAAA,EACX,eAAK,KAAA,EACR,CAAA;AAAA,QAED;AAAA,OAAA,EACH;AAAA,KAAA,EACF,CAAA,EACF;AAAA,GAAA,EACF,CAAA;AAEJ","file":"CustomerLayout-RIJ2KLKV.js","sourcesContent":["import { useUser } from '../../hooks';\nimport { useDocumentClass } from '../../hooks/useDocumentClass';\nimport { SallaFileUpload } from '@salla.sa/twilight-components-react/file-upload';\nimport { SallaUserMenu } from '@salla.sa/twilight-components-react/user-menu';\nimport { Breadcrumb } from '../common';\nimport type { LayoutProps } from './types';\nimport type { Page } from '../../types';\n\ninterface CustomerLayoutProps extends LayoutProps {\n  page?: Page;\n}\n\nexport function CustomerLayout({ children, page }: CustomerLayoutProps) {\n  const { data: user } = useUser();\n\n  // Marks every customer/account page so a theme can scope styles to them\n  // (route classes vary per page; this one is shared).\n  useDocumentClass({ body: { class: 'customer' } });\n\n  return (\n    <>\n      <div className=\"profile-header gradient-bg\">\n        <div className=\"container relative flex justify-between h-full items-center\">\n          {page && <Breadcrumb page={page} className=\"breadcrumbs w-full py-5 self-start\" />}\n        </div>\n      </div>\n\n      {/* Main content area */}\n      <div className=\"container lg:mb-24\">\n        <div className=\"flex items-start flex-col lg:flex-row justify-center\">\n          <nav\n            aria-label=\"Sidebar\"\n            className=\"shrink-0 lg:sticky top-24 lg:-mt-28 lg:shadow-default rounded-md lg:bg-white w-full lg:w-72 rtl:lg:ml-8 ltr:lg:mr-8 lg:pt-8 lg:pb-11 sidebar space-y-px\"\n          >\n            {page?.slug === 'profile' && (\n              <div className=\"text-center md:mb-9\">\n                <div className=\"h-20 w-20 m-auto avatar-wrap bg-gray-100 rounded-full overflow-hidden\">\n                  <SallaFileUpload profileImage value={user?.avatar}>\n                    <span className=\"avatar-placeholder flex justify-center items-center flex-col w-full h-full\">\n                      <span className=\"sicon-user text-2xl text-gray-400\"></span>\n                    </span>\n                  </SallaFileUpload>\n                </div>\n              </div>\n            )}\n\n            <div className=\"hidden lg:block\">\n              <SallaUserMenu inline />\n            </div>\n          </nav>\n\n          <div className=\"main-content w-full flex-1 lg:pt-10 max-w-3xl\">\n            {page?.title && (\n              <h1 className=\"font-bold text-lg text-center sm:rtl:text-right sm:ltr:text-left mb-2\">\n                {page.title}\n              </h1>\n            )}\n            {children}\n          </div>\n        </div>\n      </div>\n    </>\n  );\n}\n"]}

package/dist/LoyaltyPage-BQB7BDUO.js

@@ -1,195 +0,0 @@
-import { loyalty } from './chunk-YH4O3H4R.js';
-import './chunk-OIH4XW47.js';
-import './chunk-6HJLG7KF.js';
-import './chunk-JKIRRMBU.js';
-import './chunk-2JV6WZ6O.js';
-import './chunk-UIOLSYKV.js';
-import './chunk-VVZNW5CB.js';
-import './chunk-2XGQSJKH.js';
-import './chunk-WH225GEC.js';
-import './chunk-TFB3QXYH.js';
-import './chunk-YMVLYYLU.js';
-import './chunk-C5X6CVXC.js';
-import { useUser } from './chunk-UZKTK6YV.js';
-import './chunk-5X2UFNKY.js';
-import './chunk-P3OPJL6I.js';
-import './chunk-WY4IYO3G.js';
-import './chunk-TYLKNVQA.js';
-import './chunk-SR4OTLTJ.js';
-import './chunk-N2S25NXP.js';
-import './chunk-TP3LCGE7.js';
-import './chunk-Z653O7MX.js';
-import './chunk-ZCH7W7DZ.js';
-import './chunk-3U26OMNO.js';
-import './chunk-JWXJPJBO.js';
-import './chunk-CW625T2E.js';
-import './chunk-7V36I5GT.js';
-import './chunk-BVSJPBJ6.js';
-import './chunk-GBWCXUPD.js';
-import './chunk-OAMIDZKW.js';
-import { useTranslation } from './chunk-TYNZ5B2B.js';
-import './chunk-T72DAX7R.js';
-import './chunk-RJPPO3ET.js';
-import './chunk-Q7VWURUR.js';
-import './chunk-GU2KUQVD.js';
-import { LazyBreadcrumb, Image } from './chunk-Y7EOX2OE.js';
-import { Link } from './chunk-AXW67SY7.js';
-import './chunk-BYMOPN2S.js';
-import './chunk-SKLEJJ6M.js';
-import './chunk-6BZ5TKEV.js';
-import './chunk-FZKRSGLP.js';
-import './chunk-CUG6VOLM.js';
-import './chunk-HX3YKS5W.js';
-import './chunk-OBSAH7K6.js';
-import './chunk-DF6FBKDN.js';
-import './chunk-DGUM43GV.js';
-import { useCopyToClipboard } from '@uidotdev/usehooks';
-import { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';
-import { SallaButton } from '@salla.sa/twilight-components-react/button';
-import { SallaSlider } from '@salla.sa/twilight-components-react/slider';
-import { useQuery } from '@tanstack/react-query';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-function LoyaltyPage({ loyalty: loyaltyData, page }) {
-  const { data: user } = useUser();
-  const { t } = useTranslation();
-  const [, copyToClipboard] = useCopyToClipboard();
-  const { data: customerPoints } = useQuery(loyalty.queries.points());
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "h-62 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1 bg-cover bg-no-repeat bg-center",
-        style: { backgroundImage: loyaltyData.image ? `url(${loyaltyData.image})` : void 0 },
-        children: /* @__PURE__ */ jsx("div", { className: "overlay h-full w-full bg-black opacity-50 absolute top-0 left-0" })
-      }
-    ),
-    /* @__PURE__ */ jsxs("div", { className: "container space-y-8 lg:space-y-16", children: [
-      /* @__PURE__ */ jsx(LazyBreadcrumb, { page }),
-      /* @__PURE__ */ jsxs("div", { className: "loyalty__banner", children: [
-        /* @__PURE__ */ jsxs("div", { className: "loyalty__banner-inner", children: [
-          /* @__PURE__ */ jsx("i", { className: "sicon-star2 star-anime text-amber-400 text-7xl" }),
-          /* @__PURE__ */ jsxs("div", { className: "loyalty__banner-content", children: [
-            /* @__PURE__ */ jsxs("div", { className: "info", children: [
-              /* @__PURE__ */ jsx("h1", { children: loyaltyData.name }),
-              /* @__PURE__ */ jsx("p", { children: loyaltyData.description }),
-              customerPoints != null && /* @__PURE__ */ jsxs("div", { className: "loyalty-points", children: [
-                t("pages.loyalty_program.you_have"),
-                " ",
-                /* @__PURE__ */ jsx("span", { className: "count-number count-anime", children: customerPoints }),
-                " ",
-                t("pages.loyalty_program.point")
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx(SallaLoyalty, { customerPoints: customerPoints ?? void 0, children: /* @__PURE__ */ jsx("span", { slot: "widget", children: /* @__PURE__ */ jsx(
-              SallaButton,
-              {
-                onClick: () => document.querySelector("salla-loyalty")?.open(),
-                children: t("pages.loyalty_program.exchange_points")
-              }
-            ) }) })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "loyalty-star loyalty-star--first", children: /* @__PURE__ */ jsx("i", { className: "sicon-star2" }) }),
-        /* @__PURE__ */ jsx("div", { className: "loyalty-star loyalty-star--second", children: /* @__PURE__ */ jsx("i", { className: "sicon-star2" }) })
-      ] }),
-      /* @__PURE__ */ jsxs("section", { className: "points-ways pt-6", children: [
-        /* @__PURE__ */ jsx("div", { className: "s-block__title", children: /* @__PURE__ */ jsx("h2", { children: t("pages.loyalty_program.ways_to_get_points") }) }),
-        /* @__PURE__ */ jsx("div", { className: "points-ways__list", children: loyaltyData.points.map((point) => /* @__PURE__ */ jsxs("div", { className: "way-item", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex rtl:space-x-reverse space-x-4", children: [
-            /* @__PURE__ */ jsx(
-              "span",
-              {
-                className: `way-item__icon ${point.icon || "sicon-star"}`,
-                style: { color: point.color },
-                children: /* @__PURE__ */ jsx("span", { style: { backgroundColor: point.color } })
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "way-item__content", children: [
-              /* @__PURE__ */ jsxs("h3", { style: { color: point.color }, children: [
-                point.points,
-                " ",
-                t("pages.loyalty_program.point")
-              ] }),
-              /* @__PURE__ */ jsx("p", { children: point.description })
-            ] })
-          ] }),
-          user?.type === "user" && /* @__PURE__ */ jsx("div", { className: "way-item__action", children: point.type === "share" && point.url ? /* @__PURE__ */ jsxs("div", { className: "border relative border-primary rounded-3xl h-[34px] text-center pr-14 pl-5", children: [
-            /* @__PURE__ */ jsx(
-              SallaButton,
-              {
-                onClick: () => point.url && copyToClipboard(point.url),
-                shape: "link",
-                className: "absolute w-12 top-0 right-0 h-full px-3 !pt-1 border-l border-primary hover:opacity-80",
-                ariaLabel: t("pages.loyalty_program.copy_link"),
-                children: /* @__PURE__ */ jsx("i", { className: "copy-icon sicon-swap-fill" })
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "h3",
-              {
-                className: "font-bold text-sm leading-8 whitespace-nowrap text-ellipsis overflow-hidden text-primary",
-                dir: "ltr",
-                children: point.url
-              }
-            )
-          ] }) : point.type === "profile" ? /* @__PURE__ */ jsxs("div", { className: "text-green-500 text-center border relative border-green-300 rounded-3xl bg-green-50 min-h-[34px] w-full pt-1 px-4", children: [
-            /* @__PURE__ */ jsx("i", { className: "sicon-check-circle d-inline-block" }),
-            /* @__PURE__ */ jsx("span", { className: "break-all", children: t("pages.loyalty_program.completed") })
-          ] }) : /* @__PURE__ */ jsx(
-            SallaButton,
-            {
-              fill: "outline",
-              width: "wide",
-              href: point.url,
-              className: "!rounded-3xl text-sm !py-1.5",
-              children: point.name
-            }
-          ) })
-        ] }, point.id ?? point.key ?? point.name)) })
-      ] }),
-      loyaltyData.prizes.map((prizeGroup) => /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-        SallaSlider,
-        {
-          type: "carousel",
-          loop: prizeGroup.items.length < 4 ? false : true,
-          blockTitle: prizeGroup.title,
-          id: `loyalty-slider-${prizeGroup.type}`,
-          sliderConfig: { watchOverflow: true },
-          children: /* @__PURE__ */ jsx("div", { slot: "items", children: prizeGroup.items.map((prize) => /* @__PURE__ */ jsx("div", { className: "slide--one-fourth", children: /* @__PURE__ */ jsxs("div", { className: "product-entry flex-col", children: [
-            prize.url ? /* @__PURE__ */ jsx(Link, { to: prize.url, className: "product-entry__image h-40", children: /* @__PURE__ */ jsx(
-              Image,
-              {
-                className: "sm:h-full w-full object-cover rounded-t-md",
-                src: prize.image,
-                alt: prize.name,
-                aspectRatio: "1/1"
-              }
-            ) }) : /* @__PURE__ */ jsx(
-              Image,
-              {
-                className: "sm:h-full w-full object-cover rounded-t-md",
-                src: prize.image,
-                alt: prize.name,
-                aspectRatio: "1/1"
-              }
-            ),
-            /* @__PURE__ */ jsxs("div", { className: "flex-1 p-5", children: [
-              /* @__PURE__ */ jsx("h3", { className: "product-entry__title leading-6 mb-2.5", children: prize.url ? /* @__PURE__ */ jsx(Link, { to: prize.url, children: prize.name }) : prize.name }),
-              prize.description && /* @__PURE__ */ jsx("p", { className: "text-sm leading-6", children: prize.description })
-            ] }),
-            user?.type === "user" && /* @__PURE__ */ jsxs("div", { className: "font-bold text-primary p-4 text-center border-t", children: [
-              prize.cost_points,
-              " ",
-              t("pages.loyalty_program.point")
-            ] })
-          ] }) }, prize.id)) })
-        }
-      ) }, `${prizeGroup.type}:${prizeGroup.title}`))
-    ] })
-  ] });
-}
-
-export { LoyaltyPage };
-//# sourceMappingURL=LoyaltyPage-BQB7BDUO.js.map
-//# sourceMappingURL=LoyaltyPage-BQB7BDUO.js.map

package/dist/LoyaltyPage-BQB7BDUO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/routes/loyalty/LoyaltyPage.tsx"],"names":[],"mappings":"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","file":"LoyaltyPage-BQB7BDUO.js","sourcesContent":["import { useCopyToClipboard } from '@uidotdev/usehooks';\nimport { SallaLoyalty } from '@salla.sa/twilight-components-react/loyalty';\nimport { SallaButton } from '@salla.sa/twilight-components-react/button';\nimport { SallaSlider } from '@salla.sa/twilight-components-react/slider';\nimport type { LoyaltyPageProps } from './types';\nimport { Breadcrumb, Link, Image } from '../../components/common';\nimport { useTranslation } from '../../providers/I18nProvider';\nimport { useUser } from '../../hooks';\nimport { useQuery } from '@tanstack/react-query';\nimport { loyalty } from '../../api/loyalty';\n\nexport function LoyaltyPage({ loyalty: loyaltyData, page }: LoyaltyPageProps) {\n  const { data: user } = useUser();\n  const { t } = useTranslation();\n  const [, copyToClipboard] = useCopyToClipboard();\n  const { data: customerPoints } = useQuery(loyalty.queries.points());\n\n  return (\n    <>\n      <div\n        className=\"h-62 -mb-52 w-full bg-primary rtl:right-0 ltr:left-0 relative -z-1 bg-cover bg-no-repeat bg-center\"\n        style={{ backgroundImage: loyaltyData.image ? `url(${loyaltyData.image})` : undefined }}\n      >\n        <div className=\"overlay h-full w-full bg-black opacity-50 absolute top-0 left-0\"></div>\n      </div>\n\n      <div className=\"container space-y-8 lg:space-y-16\">\n        <Breadcrumb page={page} />\n\n        {/* Loyalty Banner */}\n        <div className=\"loyalty__banner\">\n          <div className=\"loyalty__banner-inner\">\n            <i className=\"sicon-star2 star-anime text-amber-400 text-7xl\"></i>\n            <div className=\"loyalty__banner-content\">\n              <div className=\"info\">\n                <h1>{loyaltyData.name}</h1>\n                <p>{loyaltyData.description}</p>\n                {customerPoints != null && (\n                  <div className=\"loyalty-points\">\n                    {t('pages.loyalty_program.you_have')}{' '}\n                    <span className=\"count-number count-anime\">{customerPoints}</span>{' '}\n                    {t('pages.loyalty_program.point')}\n                  </div>\n                )}\n              </div>\n\n              <SallaLoyalty customerPoints={customerPoints ?? undefined}>\n                <span slot=\"widget\">\n                  <SallaButton\n                    onClick={() =>\n                      (\n                        document.querySelector('salla-loyalty') as HTMLElement & {\n                          open: () => void;\n                        }\n                      )?.open()\n                    }\n                  >\n                    {t('pages.loyalty_program.exchange_points')}\n                  </SallaButton>\n                </span>\n              </SallaLoyalty>\n            </div>\n          </div>\n\n          {/* Background stars */}\n          <div className=\"loyalty-star loyalty-star--first\">\n            <i className=\"sicon-star2\"></i>\n          </div>\n          <div className=\"loyalty-star loyalty-star--second\">\n            <i className=\"sicon-star2\"></i>\n          </div>\n        </div>\n\n        {/* Ways to get points */}\n        <section className=\"points-ways pt-6\">\n          <div className=\"s-block__title\">\n            <h2>{t('pages.loyalty_program.ways_to_get_points')}</h2>\n          </div>\n          <div className=\"points-ways__list\">\n            {loyaltyData.points.map((point) => (\n              <div key={point.id ?? point.key ?? point.name} className=\"way-item\">\n                <div className=\"flex rtl:space-x-reverse space-x-4\">\n                  <span\n                    className={`way-item__icon ${point.icon || 'sicon-star'}`}\n                    style={{ color: point.color }}\n                  >\n                    <span style={{ backgroundColor: point.color }}></span>\n                  </span>\n                  <div className=\"way-item__content\">\n                    <h3 style={{ color: point.color }}>\n                      {point.points} {t('pages.loyalty_program.point')}\n                    </h3>\n                    <p>{point.description}</p>\n                  </div>\n                </div>\n\n                {user?.type === 'user' && (\n                  <div className=\"way-item__action\">\n                    {point.type === 'share' && point.url ? (\n                      <div className=\"border relative border-primary rounded-3xl h-[34px] text-center pr-14 pl-5\">\n                        <SallaButton\n                          onClick={() => point.url && copyToClipboard(point.url)}\n                          shape=\"link\"\n                          className=\"absolute w-12 top-0 right-0 h-full px-3 !pt-1 border-l border-primary hover:opacity-80\"\n                          ariaLabel={t('pages.loyalty_program.copy_link')}\n                        >\n                          <i className=\"copy-icon sicon-swap-fill\"></i>\n                        </SallaButton>\n                        <h3\n                          className=\"font-bold text-sm leading-8 whitespace-nowrap text-ellipsis overflow-hidden text-primary\"\n                          dir=\"ltr\"\n                        >\n                          {point.url}\n                        </h3>\n                      </div>\n                    ) : point.type === 'profile' ? (\n                      <div className=\"text-green-500 text-center border relative border-green-300 rounded-3xl bg-green-50 min-h-[34px] w-full pt-1 px-4\">\n                        <i className=\"sicon-check-circle d-inline-block\"></i>\n                        <span className=\"break-all\">{t('pages.loyalty_program.completed')}</span>\n                      </div>\n                    ) : (\n                      <SallaButton\n                        fill=\"outline\"\n                        width=\"wide\"\n                        href={point.url}\n                        className=\"!rounded-3xl text-sm !py-1.5\"\n                      >\n                        {point.name}\n                      </SallaButton>\n                    )}\n                  </div>\n                )}\n              </div>\n            ))}\n          </div>\n        </section>\n\n        {/* Prizes */}\n        {loyaltyData.prizes.map((prizeGroup) => (\n          <div key={`${prizeGroup.type}:${prizeGroup.title}`}>\n            <SallaSlider\n              type=\"carousel\"\n              loop={prizeGroup.items.length < 4 ? false : true}\n              blockTitle={prizeGroup.title}\n              id={`loyalty-slider-${prizeGroup.type}`}\n              sliderConfig={{ watchOverflow: true }}\n            >\n              <div slot=\"items\">\n                {prizeGroup.items.map((prize) => (\n                  <div key={prize.id} className=\"slide--one-fourth\">\n                    <div className=\"product-entry flex-col\">\n                      {prize.url ? (\n                        <Link to={prize.url} className=\"product-entry__image h-40\">\n                          <Image\n                            className=\"sm:h-full w-full object-cover rounded-t-md\"\n                            src={prize.image}\n                            alt={prize.name}\n                            aspectRatio=\"1/1\"\n                          />\n                        </Link>\n                      ) : (\n                        <Image\n                          className=\"sm:h-full w-full object-cover rounded-t-md\"\n                          src={prize.image}\n                          alt={prize.name}\n                          aspectRatio=\"1/1\"\n                        />\n                      )}\n                      <div className=\"flex-1 p-5\">\n                        <h3 className=\"product-entry__title leading-6 mb-2.5\">\n                          {prize.url ? <Link to={prize.url}>{prize.name}</Link> : prize.name}\n                        </h3>\n                        {prize.description && (\n                          <p className=\"text-sm leading-6\">{prize.description}</p>\n                        )}\n                      </div>\n                      {user?.type === 'user' && (\n                        <div className=\"font-bold text-primary p-4 text-center border-t\">\n                          {prize.cost_points} {t('pages.loyalty_program.point')}\n                        </div>\n                      )}\n                    </div>\n                  </div>\n                ))}\n              </div>\n            </SallaSlider>\n          </div>\n        ))}\n      </div>\n    </>\n  );\n}\n"]}